zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Box innerhalb einer Box mit Text drum herum

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.05.2005, 17:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2005
Beiträge: 3
krass2001 befindet sich auf einem aufstrebenden Ast
Standard Box innerhalb einer Box mit Text drum herum

Hallo,

ich bin noch am verzweifeln langsam.
Also, ich will eine Box (sagen wir mal 50px x 50px) rechts unten innerhalb einer anderen Box (200px x dynamische Höhe, wie lange der Text halt ist) positionieren, welche Text enthält der um die eingebettete Box rumlaufen soll.

Mit folgendem Code wird die Box zwar rechts unten positioniert, allerdings läuft der Text nicht um die Box rum:


Code:
<style>
#test1 {
background-color: #cc0000;
width: 200px;
}
#test2 {
background-color: #00cc00;
display:block;
width: 50px;
float: right;
}
</style>
<div id="test1">
Hallo, krasser text und so. Blablabla Hallo, krasser text und so. BlablablaHallo, krasser text und so. BlablablaHallo, krasser text und so. BlablablaHallo, krasser text und so. BlablablaHallo, krasser text und so. BlablablaHallo, krasser text und so. BlablablaHallo, krasser text und so. BlablablaHallo, krasser text und so. BlablablaHallo, krasser text und so. Blablabla
<span id="test2">Krass oder so
Oleole</span>
</div>
Ich könnte zwar das test2 span mitten in den Text reinschreiben (dann gehts so halbwegs), das geht aber später nicht mehr, da der Text aus der DB kommt.

Grrr, hat jemand einen Tipp für mich?
Danke,
Patrick
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.05.2005, 17:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.033
Swoop befindet sich auf einem aufstrebenden Ast
Standard

test1 bekommt position: relative; und test2 position: absolute; bottom: 0; right: 0;

da brauchst du kein float..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.05.2005, 17:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2005
Beiträge: 3
krass2001 befindet sich auf einem aufstrebenden Ast
Standard

Hi,
danke für die Antwort. Das habe ich zunächst auch probiert, allerdings mit dem Effekt, dass dann der äussere Text nicht mehr um den innneren läuft sondern vom inneren verdeckt wird.

Code:
<span style='width:200px; position:relative;'>Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext!  Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext! Hier ist der Blindtext!<span style='width:100px; position:absolute; right:0; bottom:0; background-color:#cc0000;'>Und dieser Text soll unten rechts stehen und vom Blindtext umflossen werden!</span></span>
Es muss(?) also noch irgendeine andere Lösung geben...

Patrick
Mit Zitat antworten
  #4 (permalink)  
Alt 31.05.2005, 17:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Swoop
test1 bekommt position: relative; und test2 position: absolute; bottom: 0; right: 0;

da brauchst du kein float..
Und wie soll dann der Text das Element test2 umfließen?

@patrick
Ich befürchte, das ist nur möglich, wenn du das floatende Element an einer geeigneten Stelle innerhalb des Text plazierst.

Grüße
fricca
Mit Zitat antworten
  #5 (permalink)  
Alt 31.05.2005, 18:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2005
Beiträge: 3
krass2001 befindet sich auf einem aufstrebenden Ast
Standard

Schade, dass wäre so elegant gewesen, wenn es gegangen wäre

@fricca: Danke!

Patrick
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hintergrund wird nicht angezeigt maxx CSS 6 14.10.2012 18:27
Zeilenabstand bei font-Angabe wieder weg nick CSS 7 16.02.2008 14:39
Text Position barca CSS 14 10.05.2006 11:25
CCS Problem mit <div>s dope_dope CSS 8 03.10.2005 19:32
Bild im Container mittig positionieren... 18inch CSS 5 09.07.2005 14:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:44 Uhr.