Hey ich habe ein problem mit der HP die ich gerade bastle ...
http://www6.pic-upload.de/15.12.10/4wpxx2axvkre.png
wie man sieht, geht "container" - div nicht mit .. aber in IE schon ..
CSS:
Code
html, body {
background-color:#000;
text-align:center;
font-family:Comic sans MS;
font-size:13px;
}
#header {
background:url(Bilder/header.png);
width:990px;
height:150px;
margin:auto;
}
#menu {
width:990px;
height:35px;
margin:auto;
margin-top:2px;
margin-bottom:2px;
}
#container_1 {
width:195px;
margin:auto;
float:left;
margin-left:10px
}
#container_2 {
background-color:#325674;
width:790px;
height:120px;
margin:auto;
margin-left:5px;
float:left;
}
#container {
width:1010px;
margin:auto;
background:url(Bilder/middle.png);
}
#roundedhead {
width:1010px;
height:25px;
background:url(Bilder/headround.png);
margin:auto;
}
#roundedbottom{
width:1010px;
height:25px;
background:url(Bilder/bottomround.png);
margin:auto;
}
.news {
width:150px;
height:35px;
float:left;
margin-left:5px;
background:url(Bilder/news.png);
margin:0px;}
.news:hover {
margin-left:5px;
width:150px;
height:35px;
float:left;
background:url(Bilder/newsh.png);
margin:0px;}
.member {
float:left;
margin-left:5px;
width:150px;
height:35px;
background:url(Bilder/member.png);
margin:0px;margin-left:5px;}
.member:hover {
float:left;
width:150px;
height:35px;
background:url(Bilder/memberh.png);
margin:0px;float:left;margin-left:5px;}
.forum {
width:150px;
height:35px;
background:url(Bilder/forum.png);
margin:0px;float:left;margin-left:5px;}
.forum:hover {
width:150px;
height:35px;
background:url(Bilder/forumh.png);
margin:0px;float:left;margin-left:5px;}
.gbook {
width:150px;
height:35px;
background:url(Bilder/gbook.png);
margin:0px;float:left;margin-left:5px;}
.gbook:hover {
width:150px;
height:35px;
background:url(Bilder/gbookh.png);
margin:0px;float:left;margin-left:5px;}
.login {
width:150px;
height:35px;
background:url(Bilder/login.png);
margin:0px;float:left;margin-left:5px;}
.login:hover {
width:150px;
height:35px;
background:url(Bilder/loginh.png);
margin:0px;float:left;margin-left:5px;}
.alarmhead {
width:195px;
height:25px;
background:url(Bilder/alarmhead.png)
}
.alarmmiddle {
width:195px;
background:url(Bilder/alarmmiddle.png)
}
.alarmbottom {
width:195px;
height:25px;
background:url(Bilder/alarmbottom.png)
}
Alles anzeigen
HTML:
Code
<head>
<link rel="stylesheet" href="css.css">
<title>Team eXo</title>
</head>
<body>
<div id ="roundedhead"><p style="line-height:25px;text-align:left;margin-left:10px">Name : Team eXo | Mitglieder : 554845454</p></div>
<div id="container">
<div id="header"></div>
<div id="menu">
<div class="news"></div>
<div class="member"></div>
<div class="forum"></div>
<div class="gbook"></div>
<div class="login"></div>
</div>
<div id="container_1">
<div class="alarmhead"></div>
<div class="alarmmiddle">
<p style="margin:auto;color:white;font-size:11px">
• Register wird noch eingeführt!<br>
• Login wird noch eingeführt!<br>
• Test wird noch eingeführt!<br>
• Test wird noch eingeführt!<br>
• Test wird noch eingeführt!<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</p>
</div>
<div class="alarmbottom"></div>
</div>
<div id="container_2"></div>
</div>
<div id ="roundedbottom"></div>
</body>
Alles anzeigen
und der IE macht kein hover ... (siehe "div class="forum" usw..)
LG