Zitat:
Zitat von kemai
<div id="headlines">
<div id="pagetitle"><h2>Hier steht ein Seitentitel
der umbricht
der umbricht</h2></div>
<div id="functiontitle"><h3>Funktionsspalte</h3></div>
</div>
|
Zunächst einmal sollte diese DIV-Suppe aufgeräumt werden:
Code:
<div id="headlines">
<h2>Hier steht ein Seitentitel
der umbricht
der umbricht</h2>
<h3>Funktionsspalte</h3>
</div>
Zitat:
div#headlines {
position: relative;
margin-top: 6px;
width: 640px;
padding-left: 208px;
float: clear;
}
|
Gibt es einen tieferen Grund warum du allen Elementen "position: relative;" zuweist? Bei meinem Vorschlag wird es zwar bei div#headlines gebraucht, aber bei dir scheint es wahllos vergeben zu sein.
Außerdem gibt es "float: clear" nicht. Ich denke du meinst "clear: left;" (oder "clear: both"). Und das brauchst Du aber nur wenn div#headlines nach einem gefloatetem Element kommt.
Code:
* {
margin: 0;
padding: 0;
}
div#headlines {
position: relative;
margin-top: 6px;
width: 640px;
padding-left: 208px;
clear: left;
}
div#headlines h2 {
width: 192px;
margin: 0;
padding: 0;
}
div#headlines h3 {
position: absolute;
right: 0;
bottom: 0;
width: 208px;
padding-left: 16px;
}
Noch ein Wort der Warnung: Deine Verwendung von festen Maßen in Pixeln (und meine Verwendung von absoluter Positionierung) wird Probleme bereiten, wenn die Texte nicht reinpassen! (Und sag nicht, dass passiert nicht, da du dass nicht kontrollieren kannst!)
Robin