Hio,
ich bin gerade dabei mir eine eigende kleien Homepage zu erstellen und bin naklar zunächst mit den design angefangen
Es ist zwar nicht das schönste aber reicht für meien Zwecke
Doch habe ich nun ein kleines Problem, und zwar setzt IE die DIVs nicht richtig um und so sind die Blöcke nicht da wo ich sie gehn hätte.
Firefox aber interpretiert es genau so wie ich es haben will.
index.html:
design.css:
Weiß jemand evtl. den Grund für dieses Verhalten ?
Danke im Voraus!
ich bin gerade dabei mir eine eigende kleien Homepage zu erstellen und bin naklar zunächst mit den design angefangen
Es ist zwar nicht das schönste aber reicht für meien Zwecke
Doch habe ich nun ein kleines Problem, und zwar setzt IE die DIVs nicht richtig um und so sind die Blöcke nicht da wo ich sie gehn hätte.
Firefox aber interpretiert es genau so wie ich es haben will.
index.html:
HTML:
<html>
<head>
<LINK rel="stylesheet" href="design.css" type="text/css">
<title>IMP-GAMES || [BETA]</title>
</head>
<body>
<div id="root">
<div id="head">
<img src="pics/header.png" alt="header.png, 78kB" title="IMP-GAMES">
</div>
<div id="menu">MENU
</div>
<div id="main">
<div id="sub-menu">SUB_MENU
</div>
<div id="content">INHALT
</div>
</div>
</div>
</body>
</html>
HTML:
body{
padding:0px;
margin:0px;
background-color:#ffffcc;
}
#root{
width:1024px;
margin:0px auto;
overflow: hidden;
}
#head {
float: left;
width:1024px;
height: 170px;
}
#menu {
float: left;
width: 174px;
padding:5px;
font-family:verdana, sans-serif;
text-transform:uppercase;
color:#000000;
background-color:#990000;
background-image: url(pics/menu_bg.gif);
background-repeat:repeat-y;
padding-bottom: 5000px;
margin-bottom: -5000px;
}
#menu a{
text-decoration:none;
color:#000000;
}
#main{
float: left;
width: 840px;
}
#sub-menu {
float: left;
width: 830px;
height: 23px;
padding:5px;
background-color:#990000;
background-image: url(pics/sub-menu_bg.gif);
background-repeat:repeat-x;
text-align: center;
}
#content {
float: left;
width: 810px;
padding:15px;
background-image: url(pics/CB-bg.png);
background-repeat:no-repeat;
background-color: #ffcc99;
padding-bottom: 5000px;
margin-bottom: -5000px;
}
Weiß jemand evtl. den Grund für dieses Verhalten ?
Danke im Voraus!