Hallo zusammen,
Wenn ich den unten stehenden HTML Code im Firefox anschaue wird er nicht richtig angezeigt.
Das Div Gallerycontainer wird nicht angezeigt. Das Div City erscheint über dem Gallerycontainer.
Wenn ich die Seite aber im Internet Explorer anzeige wird sie korrekt dargestellt.
Kann mir jemand sagen, was ich falsch machen?
Wenn ich den unten stehenden HTML Code im Firefox anschaue wird er nicht richtig angezeigt.
Das Div Gallerycontainer wird nicht angezeigt. Das Div City erscheint über dem Gallerycontainer.
Wenn ich die Seite aber im Internet Explorer anzeige wird sie korrekt dargestellt.
Kann mir jemand sagen, was ich falsch machen?
Code:
<!doctype html>
<html>
<head>
<title></title>
<style>
#maincontainer
{
background:lightgray;
width:1200px;
height:1200px;
margin:0 auto 0 auto;
}
#gallerycontainer
{
width:1100px;
margin:margin:0 15px 12px 10px;
background:pink;
}
#element9
{
width:1100px;
background:pink;
margin:20px;
}
.element
{
width:200px;
height:200px;
background:aqua;
float:left;
margin:40px;
}
</style>
</head>
<body>
<div id=maincontainer>
<div id=gallerycontainer>
<div id=element1 class=element>
Element1
</div>
<div id=element2 class=element>
Element2
</div>
<div id=element3 class=element>
Element3
</div>
<div id=element4 class=element>
Element4
</div>
<div id=element5 class=element>
Element5
</div>
<div id=element6 class=element>
Element6
</div>
<div id=element7 class=element>
Element7
</div>
<div id=element8 class=element>
Element8
</div>
</div>
<div id=Element9>
city
</div>
</div>
</body>
</html>