Sponsored Links |
|
|||
Absolut positionierte Elemente orientieren sich immer am Elternelement, wenn dieses die Eigenschaft "position" ungleich "static" besitzt, ansonsten am nächsten Elternelement. Gibt es kein Elternelement mit dieser Eigenschaft, orientiert sich das absolut positionierte Element am Viewport, also dem Browserfenster. Folglich braucht deine Contentbox höchstwahrscheinlich nur position: relative;
|
Sponsored Links |
|
|||
Hallöchen,
leider kann ich dir nicht ganz folgen. kannst du mir ein Beispiel zeigen? hier mal mein Test: CSS: HTML-Code:
#wrapper { width: 980px; margin: 0 auto; text-align: right; } #main_left { background: #FFF; float: left; height: auto; width: 190px; margin: 0 auto; padding: 10px 10px 10px 20px; text-align: left; } #main_content { background: #FFF; border-right: 1px dotted #333; border-left: 1px dotted #333; float: left; width: 790px; margin: 0 auto; padding: 10px 10px 10px 10px; text-align: left; } .articleText { margin-bottom: 15px; padding:0 0 15px 0; color: #333333; line-height: 1.4em; text-align: left; border-bottom: 1px solid #eaeaea; } .fotoright { background: #FFF; float: right; margin: 1px 0px 5px 10px; padding: 5px 5px 5px 5px; border: 1px solid #eaeaea; } HTML-Code:
<div id="wrapper"> <div id="main_left"> main_left </div> <div id="main_content"> <div class="box_artikeltext"> <div class="fotoright"> <img src="4984099cf.jpg" border="0" width="150" height="87" alt="" title="" /></div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation </div> <div style="position:absolute; margin-left:350px; z-index:10; border:1px solid #888; background:#eaeaea;">text</div> </div> </div> Geändert von kmstario (25.06.2009 um 22:13 Uhr) Grund: Habe noch was im Quelltext vergessen |
|
|||
So weit bin ich schon:
CSS: HTML-Code:
#wrapper { width: 980px; margin: 0 auto; text-align: right; } #main_left { background: #ccc; float: left; height: auto; width: 190px; margin: 0 auto; padding: 10px 10px 10px 20px; text-align: left; } #main_content { background: #eee; border-right: 1px dotted #333; border-left: 1px dotted #333; /* float: left; */ width: 790px; margin: 0 auto; padding: 10px 10px 10px 10px; text-align: left; } #main_inbox { position:absolute; margin-left:650px; width:150px; height:150px; z-index:10; border:1px solid #888; background:#eaeaea;" } .articleText { margin-bottom: 15px; padding:0 0 15px 0; color: #333333; line-height: 1.4em; text-align: left; border-bottom: 1px solid #eaeaea; } .fotoright { background: #FFF; float: right; margin: 1px 0px 5px 10px; padding: 5px 5px 5px 5px; border: 1px solid #eaeaea; } HTML-Code:
<div id="wrapper"> <div id="main_left"> main_left </div> <div id="main_content"> <div class="box_artikeltext"> <div class="fotoright"> <img src="4984099cf.jpg" border="0" width="150" height="87" alt="" title="" /></div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation </div> <div id="main_inbox">text</div> </div> </div> Wie kann ich das bei der Situation verhindern? |
|
|||
Zitat:
Die Contentbox ist lt. deinem Quellcode #main_content. Gib diesem Element die genannte Positionierung und dein absolut positioniertes div wird sich an #main_content orientieren. Zitat:
Zitat:
Geändert von regloh (25.06.2009 um 22:32 Uhr) |
|
|||
Zitat:
Desweiteren sind deine gesetzten Eigenschaften eh etwas wirr. Die auto-Margin für #main_left und #main_content sollen genau was bewirken? Wenn du die Seite zentrieren willst, reicht die auto-Angabe bei #wrapper aus. Klappt denn nun die absolute Positionierung von #main_inbox ? |
|
|||
Nabend,
jetzt bin ich doch ins Fettnäpchen getreten Erstmal ja, das mit der Box hat perfekt geklappt, Vielen Dank ! Hatte mich doch glatt in der Breite verrechnet, daher mein Fehler mit den Boxen main_left und main_content. Danke nochmal, weiter so, Gruß Andreas |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Relatives Positionieren von Elementen zu beliebigen anderen Elementen im Dokument | dimension | CSS | 1 | 25.07.2008 14:49 |
Box variabel in Breite und Höhe | Black Fladder | CSS | 2 | 12.04.2008 17:31 |
Div-Element relativ zu anderem DIV positionieren | FBI | CSS | 1 | 23.06.2007 15:11 |
Element absolut positionieren | ProXy | CSS | 0 | 27.03.2006 10:47 |
Box innerhalb einer Box mit Text drum herum | krass2001 | CSS | 4 | 31.05.2005 19:02 |