Chrome macht kein auto height und IE kein hover -.-*

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Chrome macht kein auto height und IE kein hover -.-*

      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:

      Quellcode

      1. html, body {
      2. background-color:#000;
      3. text-align:center;
      4. font-family:Comic sans MS;
      5. font-size:13px;
      6. }
      7. #header {
      8. background:url(Bilder/header.png);
      9. width:990px;
      10. height:150px;
      11. margin:auto;
      12. }
      13. #menu {
      14. width:990px;
      15. height:35px;
      16. margin:auto;
      17. margin-top:2px;
      18. margin-bottom:2px;
      19. }
      20. #container_1 {
      21. width:195px;
      22. margin:auto;
      23. float:left;
      24. margin-left:10px
      25. }
      26. #container_2 {
      27. background-color:#325674;
      28. width:790px;
      29. height:120px;
      30. margin:auto;
      31. margin-left:5px;
      32. float:left;
      33. }
      34. #container {
      35. width:1010px;
      36. margin:auto;
      37. background:url(Bilder/middle.png);
      38. }
      39. #roundedhead {
      40. width:1010px;
      41. height:25px;
      42. background:url(Bilder/headround.png);
      43. margin:auto;
      44. }
      45. #roundedbottom{
      46. width:1010px;
      47. height:25px;
      48. background:url(Bilder/bottomround.png);
      49. margin:auto;
      50. }
      51. .news {
      52. width:150px;
      53. height:35px;
      54. float:left;
      55. margin-left:5px;
      56. background:url(Bilder/news.png);
      57. margin:0px;}
      58. .news:hover {
      59. margin-left:5px;
      60. width:150px;
      61. height:35px;
      62. float:left;
      63. background:url(Bilder/newsh.png);
      64. margin:0px;}
      65. .member {
      66. float:left;
      67. margin-left:5px;
      68. width:150px;
      69. height:35px;
      70. background:url(Bilder/member.png);
      71. margin:0px;margin-left:5px;}
      72. .member:hover {
      73. float:left;
      74. width:150px;
      75. height:35px;
      76. background:url(Bilder/memberh.png);
      77. margin:0px;float:left;margin-left:5px;}
      78. .forum {
      79. width:150px;
      80. height:35px;
      81. background:url(Bilder/forum.png);
      82. margin:0px;float:left;margin-left:5px;}
      83. .forum:hover {
      84. width:150px;
      85. height:35px;
      86. background:url(Bilder/forumh.png);
      87. margin:0px;float:left;margin-left:5px;}
      88. .gbook {
      89. width:150px;
      90. height:35px;
      91. background:url(Bilder/gbook.png);
      92. margin:0px;float:left;margin-left:5px;}
      93. .gbook:hover {
      94. width:150px;
      95. height:35px;
      96. background:url(Bilder/gbookh.png);
      97. margin:0px;float:left;margin-left:5px;}
      98. .login {
      99. width:150px;
      100. height:35px;
      101. background:url(Bilder/login.png);
      102. margin:0px;float:left;margin-left:5px;}
      103. .login:hover {
      104. width:150px;
      105. height:35px;
      106. background:url(Bilder/loginh.png);
      107. margin:0px;float:left;margin-left:5px;}
      108. .alarmhead {
      109. width:195px;
      110. height:25px;
      111. background:url(Bilder/alarmhead.png)
      112. }
      113. .alarmmiddle {
      114. width:195px;
      115. background:url(Bilder/alarmmiddle.png)
      116. }
      117. .alarmbottom {
      118. width:195px;
      119. height:25px;
      120. background:url(Bilder/alarmbottom.png)
      121. }
      Alles anzeigen


      HTML:

      Quellcode

      1. <head>
      2. <link rel="stylesheet" href="css.css">
      3. <title>Team eXo</title>
      4. </head>
      5. <body>
      6. <div id ="roundedhead"><p style="line-height:25px;text-align:left;margin-left:10px">Name : Team eXo | Mitglieder : 554845454</p></div>
      7. <div id="container">
      8. <div id="header"></div>
      9. <div id="menu">
      10. <div class="news"></div>
      11. <div class="member"></div>
      12. <div class="forum"></div>
      13. <div class="gbook"></div>
      14. <div class="login"></div>
      15. </div>
      16. <div id="container_1">
      17. <div class="alarmhead"></div>
      18. <div class="alarmmiddle">
      19. <p style="margin:auto;color:white;font-size:11px">
      20. &bull; Register wird noch eingef&uuml;hrt!<br>
      21. &bull; Login wird noch eingef&uuml;hrt!<br>
      22. &bull; Test wird noch eingef&uuml;hrt!<br>
      23. &bull; Test wird noch eingef&uuml;hrt!<br>
      24. &bull; Test wird noch eingef&uuml;hrt!<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      25. </p>
      26. </div>
      27. <div class="alarmbottom"></div>
      28. </div>
      29. <div id="container_2"></div>
      30. </div>
      31. <div id ="roundedbottom"></div>
      32. </body>
      Alles anzeigen


      und der IE macht kein hover ... (siehe "div class="forum" usw..)

      LG
    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

    • [FONT="Comic Sans MS"][COLOR="DeepSkyBlue"][SIZE="2"]Soviel ich weiß, muss für height:auto das umgebende Element auch mitspielen.
      Besser wäre es in dem Falle, deinen Container in der Höhe undefiniert zu setzen, so dass sich alles automatisch mitvergrößert.
      Oder du machst ne Steuerung über overflow:auto , so haste wenigstens Scrollbars, wenns zu viel wird, aber kein Overflow.[/SIZE][/COLOR][/FONT]
    • [FONT="Comic Sans MS"][COLOR="DeepSkyBlue"][SIZE="2"]Beim IE kommts auf die Version an, ab Version 7 sollte er normal mitspielen, mit der aktuellen Version 8 müssts auf jeden Fall gehen.
      Frühere Versionen vom IE, insbesondere IE6 verstehen Hover nich wirklich über die pseudoklasse :hover
      Da musste dann nen anderen Fix einbaun[/SIZE][/COLOR][/FONT]