Hallo,
bin neu hier und hoffe, hier werde ich geholfen :grin:
Meine Frage: mit dem folgendem Script wird bei Mozilla das Inhalt-DIV nahtlos an das Navigations-DIV positioniert während beim IE ein Abstand von 3px ist; bei width:450px verschiebt sich beim IE der Inhalt sogar nach unten. Ich habe schon alles erfolglos versucht. Sehe ich hier den Wald vor lauter Bäumen nicht?
Ich weiß, dass der IE nicht alles so macht, wie es sein sollte und man bei vielen DIngen tricksen muss. Giebt es hierfür einen Hack?
Hier das Script für das Beispiel:
<!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="de">
<head>
<title>Test IE</title>
<style type="text/css">
<!--
body {
margin:0 0 0 0;
font-family: verdana,arial,helvetica,sans-serif;
color:#FFF;
text-align:center;
background-color:#FF0000;
}
#rahmen {
margin: 10px auto 10px auto;
width: 600px;
height:400px;
background-color:#D9F5F4;
}
#navigat {
margin:0;
width:150px;
height:400px;
float:left;
text-align:left;
background-color:#1B8F32;
}
#inhalt {
margin:0px 0px 0px 150px;
padding:0px
width:447px;
height:400px;
background:#1A28B4;
}
=-->
</style>
</head><body>
<div id="rahmen">
<div id="navigat">
<p>Navigation</p>
</div>
<div id="inhalt">
<p>Bereich für Inhalte</p>
</div>
</div>
</body></html>
Danke für euere Hilfe!
Robi
bin neu hier und hoffe, hier werde ich geholfen :grin:
Meine Frage: mit dem folgendem Script wird bei Mozilla das Inhalt-DIV nahtlos an das Navigations-DIV positioniert während beim IE ein Abstand von 3px ist; bei width:450px verschiebt sich beim IE der Inhalt sogar nach unten. Ich habe schon alles erfolglos versucht. Sehe ich hier den Wald vor lauter Bäumen nicht?
Ich weiß, dass der IE nicht alles so macht, wie es sein sollte und man bei vielen DIngen tricksen muss. Giebt es hierfür einen Hack?
Hier das Script für das Beispiel:
<!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="de">
<head>
<title>Test IE</title>
<style type="text/css">
<!--
body {
margin:0 0 0 0;
font-family: verdana,arial,helvetica,sans-serif;
color:#FFF;
text-align:center;
background-color:#FF0000;
}
#rahmen {
margin: 10px auto 10px auto;
width: 600px;
height:400px;
background-color:#D9F5F4;
}
#navigat {
margin:0;
width:150px;
height:400px;
float:left;
text-align:left;
background-color:#1B8F32;
}
#inhalt {
margin:0px 0px 0px 150px;
padding:0px
width:447px;
height:400px;
background:#1A28B4;
}
=-->
</style>
</head><body>
<div id="rahmen">
<div id="navigat">
<p>Navigation</p>
</div>
<div id="inhalt">
<p>Bereich für Inhalte</p>
</div>
</div>
</body></html>
Danke für euere Hilfe!
Robi
