Einzelnen Beitrag anzeigen
  #7 (permalink)  
Alt 20.06.2005, 15:49
RoToRa RoToRa ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

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
Mit Zitat antworten