Hey ich habe ein problem mit der HP die ich gerade bastle ...
www6.pic-upload.de/15.12.10/4wpxx2axvkre.png
wie man sieht, geht "container" - div nicht mit .. aber in IE schon ..
CSS:
Alles anzeigen
HTML:
Alles anzeigen
und der IE macht kein hover ... (siehe "div class="forum" usw..)
LG
www6.pic-upload.de/15.12.10/4wpxx2axvkre.png
wie man sieht, geht "container" - div nicht mit .. aber in IE schon ..
CSS:
Quellcode
- 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)
- }
HTML:
Quellcode
- <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>
und der IE macht kein hover ... (siehe "div class="forum" usw..)
LG