Hallo zusammen,
ich habe schon einige Beiträge hier gelesen und ausprobiert, komme aber trotzdem noch nicht weiter und hoffe, hier Denkanstöße zu finden.
Ich habe ein Problem mit folgendem Programmcode:
Das Hauptmenü links (weiß) und das Untermenü rechts (orange) sollen, wie auch der Content in der Mitte, immer gleich lang sein. Im Firefox funktioniert die Seite auch wie gewünscht, der IE schneidet alles nach der ersten Fensterbreite ab. (Siehe Bild)
Habt Ihr Vorschläge
1000 Dank!
ich habe schon einige Beiträge hier gelesen und ausprobiert, komme aber trotzdem noch nicht weiter und hoffe, hier Denkanstöße zu finden.
Ich habe ein Problem mit folgendem Programmcode:
HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
/* min-height fiuer verschiedene Browser erreichen */
* html div#contentwrapper { height:100%; }
html + body div#contentwrapper { height:100%; }
* html div#menue { height:100%; }
html + body div#menue { height:100%; }
* html div#submenue { height:100%; }
html + body div#submenue { height:100%; }
* html div#content { height:100%; }
html + body div#content { height:100%; }
html, body {
margin: 0px;
padding: 0px;
height:100%;
}
div#contentwrapper {
position:relative;
float:left;
margin:0px;
padding:0px;
min-height:100%;
background-image:url(/elemente/images/bg_image_aktuell.gif);
background-repeat:repeat-y;
background-position:174px;
background-color:#E5E1D7;
width:100%;
}
div#menue {
position:absolute;
top:0px;
left:0px;
width:174px;
min-height:100%;
background-color:#FFFFFF;
}
div#submenue {
position:absolute;
right:0px;
background-color:#FF8600;
min-height:100%;
width:175px;
/*
background-color:#FF8600;
float:right;
min-height:100%;
*/
}
div#content {
float:left;
border-left:1px solid #FF8600;
min-height:100%;
margin-left:174px;
}
-->
</style></head>
<body>
<div id="contentwrapper">
<div id="menue">MENU</div>
<div id="submenue">SUBMENU<br />
<br />
<br />
<br />
<br />
<br />MENUENDE
</div>
<div id="content">CONTENT<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />HALLO</div>
</div>
</body>
</html>
Das Hauptmenü links (weiß) und das Untermenü rechts (orange) sollen, wie auch der Content in der Mitte, immer gleich lang sein. Im Firefox funktioniert die Seite auch wie gewünscht, der IE schneidet alles nach der ersten Fensterbreite ab. (Siehe Bild)
Habt Ihr Vorschläge
1000 Dank!