Tweet
hi @all
folgende situation ...
es sollen drei container so angeordnet sein, dass eine art navigation rechts vom hauptcomtainer sichtbar ist.
der container muss im html-fluss aber unbedingt nach dem container #wrapper eingebunden werden.
im FF klappt alles wunderbar wie es soll.
im IE hingegen klappt der container #navi soweit runter wie #wrapper hoch ist, wenn das browserfenster nicht mehr breit genug ist, um beide nebeneinander zu zeigen.
ideen, anregungen, vorschläge?
gruss
haxe
demo-code anbei ...
folgende situation ...
es sollen drei container so angeordnet sein, dass eine art navigation rechts vom hauptcomtainer sichtbar ist.
der container muss im html-fluss aber unbedingt nach dem container #wrapper eingebunden werden.
im FF klappt alles wunderbar wie es soll.
im IE hingegen klappt der container #navi soweit runter wie #wrapper hoch ist, wenn das browserfenster nicht mehr breit genug ist, um beide nebeneinander zu zeigen.
ideen, anregungen, vorschläge?
gruss
haxe
demo-code anbei ...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>TestSeite</title>
<style type="text/css">
p {
margin: 0;
padding: 5px;
}
#wrapper {
border: 1px solid #666;
margin: 0;
padding: 0 10px;
float: left;
width: 790px;
}
#navi {
border: 1px solid #f0f;
margin: 0;
padding: 0;
margin-left: 820px;
width: 100px;
}
#footer {
border: 1px solid #0f0;
margin: 10px 0 0 0;
padding: 0 10px;
width: 790px;
}
</style>
</head>
<body>
<div id="wrapper">
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
</div>
<div id="navi">
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
<p>Lorem ...</p>
</div>
<br clear="all" />
<div id="footer">
<p>Lorem ...</p>
</div>
</body>
</html>
Kommentar