nicht angemeldet
Holladiewaldfee,
nein, das habe ich jetzt auch _mit_ ASCII-art und beschreibung noch nicht verstanden - hast du mal ein online-beispiel?
Hm, das ist ein anderes Problem als das ursprüngliche (immer noch ungelöste) mit der Positionierung von Elementen am unteren Rand.
Es ging mir darum, Ingor zu beschreiben, wo die Probleme bei der relativen Positinierung von Elementen auf meiner Seite liegen und warum ich deswegen absolute Positionierung verwendet habe.
Der grob vereinfachte Quelltext:
--- CSS
div { position:absolute; }
div.list { top:715px; width:780px; left:15px; border:0px; border-
style:dashed; border-top-width:1px;
border-left-width:1px; border-left-color:#222222;
border-top-color:#222222; height:90px; }
div.icon { top:-18px; left:-13px; width:31px; height:31px; }
div.subheading { top:-14px; left:30px; }
--- XHTML
<div class="list">
<div class="icon"><img src="./img/icons/berg.gif" alt="" /></div>
<div class="subheading"><h2>Ueberschrift</h2></div>
<div class="desc">
Hier finden Sie blablubb
</div>
</div>
---
Aussehen soll das dann so:
+---+
| 1 | |=2=|
| |--------------------------------------+
+---+ 3 |
| +-----------------------------------+|
| | 4 ||
| | ||
| +-----------------------------------+|
+----------------------------------------+
Wobei "1" dem Div mit der Grafik, 2 dem Div mit "subheading", 3 dem Container-Div mit "list" und 4 dem Div "desc" entspricht.
Aber eigentlich habe ich damit überhaupt kein Problem, nur Ingor meinte, ich hätte eines ;) Schließlich haut es mit der absoluten Positionierung gut hin, nur wenn ich die Elemente relativ positionieren will nicht. Aber die Ursache dafür habe ich ja schon beschrieben.
ich wüsste nicht, wozu deine oben beschriebene konstruktion überhaupt von nutzen sein sollte :-)
Ästhetik ;) Natürlich gibt es andere Möglichkeiten, das zu lösen.
Ciao,
Harry