Div wird falsch dargestellt
MopsdeBops
- html
0 Steel0 MopsdeBops0 Steel0 MopsdeBops0 gast42
Hay zusammen
Sitze nun schon die ganze Zeit an einem Problem. Und zwar wird ein DIV-Container einfach nicht so dargestellt wie ich will (jedenfalls nicht im FireFox, im IE passts)
Firefox (So sollte es nicht aussehen):
InternetExplorer (So sollte es auch im FF aussehen:
Index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Div Test</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
</style>
</head>
<body>
<div id="main">
<div id="head">
</div>
<div id="topnav">
</div>
<div id="bg">
<div id="leftnav">
asd<br>asd<br>asd<br>
</div>
<div id="content">
asd<br>
</div>
</div>
<div id="foot">
</div>
</div>
</body>
</html>
style.css:
div#main {
width:950px;
height:100%;
background-color:#FFFFFF;
padding:8px;
text-align:left;
}
div#head {
width:auto;
height:200px;
background-image:url(head.png);
border: 1px solid #000000;
}
div#topnav {
width:auto;
height:30px;
background-color:#72F000;
float:inherit;
border: solid #000000;
border-width:0px 1px;
}
div#bg {
height:100%;
padding:10px;
border: 1px solid #000000;
background-color:#1E1E1E;
}
div#leftnav {
width:300px;
height:100%;
background-color:#72F000;
float:left;
border: solid 1px #000000;
margin-right:10px;
}
div#content {
width:auto;
height:100%;
margin-left:310px;
background-color:#E8E8E8;
border: 1px solid #000000;
}
body {
background-color:#3A3A3A;
}
Falls jemand behilflich sein könnte wäre ich sehr dankbar.
Hoi!
Hier haben wir wieder mal das standard Problem:
Der User glaubt, Der IE zeigt es richtig an, und der FF nicht, obwohl der FF einfach das macht, was ihm gesagt wird.
Du floatest Deine navi. Damit wird sie aus dem Elementfluss genommen. Der kaputte IE erweitert das umgebende Element trotzdem, obwohl er das nicht sollte.
Informeire dich also ueber floats. Eventuell solltest Du Deinem Footer mitteilen das gefloate aufzuheben.
Ich wusste das das kommt wegen IE und FF ;) nein ich glaube nicht das FF es "falsch" darstellt sonder einfach nicht so wie ich es gerne hätte.
Oke werde mich mal n bisschen über Floats informieren. Ist meine erste DIV seite. hab bisher immer mit den Tabellen gearbeitet, da ich einfach zu faul war auf div umzusteigen ;)
Hoi!
Hier haben wir wieder mal das standard Problem:
Der User glaubt, Der IE zeigt es richtig an, und der FF nicht, obwohl der FF einfach das macht, was ihm gesagt wird.
Du floatest Deine navi. Damit wird sie aus dem Elementfluss genommen. Der kaputte IE erweitert das umgebende Element trotzdem, obwohl er das nicht sollte.
Informeire dich also ueber floats. Eventuell solltest Du Deinem Footer mitteilen das gefloate aufzuheben.
Da kannst Du auch gleich mal schauen ob deine Doctype Angaben okay sind. Evtl. schickst Du den IE eh in den Quirksmode.
Hab den Trick rausgefunden. "overflow: hidden;" im "Mutter-Container" einbinden und dann funktionierts.
Hm hab nichts auffälliges an meinen Doctype Angaben gefunden. Wieso meinst du?
Da kannst Du auch gleich mal schauen ob deine Doctype Angaben okay sind. Evtl. schickst Du den IE eh in den Quirksmode.
Hm hab nichts auffälliges an meinen Doctype Angaben gefunden. Wieso meinst du?