Problem mit Farbübergängen an den Seiten

Also so wie ich das gerne haben möchte geht es dann wohl doch nur mit einer Tabelle kann man wohl nix machen. Hab mir jetzt noch einmal ne Nacht davor gesetzt und probiert, aber es geht nicht.
 
Es funtkioniert :)

und zwar genau so :

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test</title>

<style type="text/css">
html,body{
	margin :0;
	padding:0;
	height:100%;
}

#wrapper {
	height:100%;
}
	
#links {
	float:left;
	height: 100%;
	width:50%;
	margin:0;
	padding:0;
}
#links_inhalt {
	margin-right:200px;
	padding:5px;  			
}
#rechts {
	float:right;
	height:100%;
	width:49%;
	margin:0;
	padding:0;
}
#rechts_inhalt {
	margin-left:200px;	
	padding:5px;  		
} 
#mitte {
	position:fixed;
	margin:0 auto;
	left:50%;
	margin-left:-200px;		
	width:400px;
	padding: 5px;			
	height:100%;
	background:khaki;
	
}



</style>

</head>
<body>
<div id="mitte"></div>
<div id="wrapper">
	<div id="links">
		<div id="links_inhalt" style="height:100%; padding:0px;"> 
			<img src="images/verlauf_links.png" style="width:100%; height:100%;" />
		</div>
	</div>
	<div id="rechts">
		<div id="rechts_inhalt" style="height:100%; padding:0px;">
			<img src="images/verlauf_rechts.png" style="width:100%; height:100%;" />
		</div>
	</div>
</div>

</body>
</html>

man beachte das es im IE 7 nur dann geht wenn links 50% und rechts 49% breite angegeben ist bei 50:50 tut er den rechten container öffter nach unten verschieben . ;-)
 
Zuletzt bearbeitet:
Glühstrumpf!
Und das das /> valide ist, wurde nicht bezweifelt.
Es ist nur unkonsequent gecodet.
In XHTML werden eigentlich nur leere Tags (z.B. hr, br) so geschlossen.
 
Zuletzt bearbeitet:
4.3 Für nicht leere Elemente müssen End-Tags angegeben werden

XHTML 1.0: Die Extensible HyperText Markup Language (Zweite Auflage) - 1 Was ist XHTML?
In auf SGML basierendem HTML 4 konnten bestimmte Elemente das End-Tag einfach weglassen; in diesem Fall stellten nachfolgende Elemente einen impliziten Abschluss dar. XML erlaubt das Weglassen von End-Tags nicht. Alle Elemente, die in der DTD nicht als EMPTY deklariert sind, müssen ein End-Tag haben. Elemente, die in der DTD als EMPTY deklariert sind, können ein End-Tag haben oder die Kurzschreibweise verwenden (siehe Leere Elemente).
Zum Vergrößern anklicken....

Edit:
Nicht das Du das falsch auffasst, denn immerhin funktioniert ja Dein Lösungsweg, nur für mich ist diese Lösung ungenügend.
Bei meinem Vorschlag kann ich zu einem späteren Zeitpunkt nachträglich Content in die beiden Außencontainer einpflegen (z.B Werbung).
Zudem hast Du zwei Bilddateien, welche keinen Bezug zum Inhalt haben.
 
Zuletzt bearbeitet:
Ist völlig okay.

Leider funktioniert der Farbübergang mit CSS noch nicht sonst wär das Problem leichter zu lösen gewesen. Und Inhalt kommt da sowieso nicht rein.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben