Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] div chowa sie za innymi divami
Forum PHP.pl > Forum > Przedszkole
fcs
21.11.2007, 18:33:10 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. html, body {
  5.   text-align:center;
  6.   margin:0;
  7.   font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  8. }
  9. div {
  10. margin:2px;
  11. }
  12. #main {
  13.   width:600px;
  14.   height:580px;
  15.   border-left:1px solid gray;
  16.   border-right:1px solid gray;
  17.   background-color:#fdf015;
  18.   padding-top:10px;
  19.  
  20. }
  21. #menu {
  22.   height:30px;
  23.   border:1px solid gray;
  24. }
  25. #logo {
  26.   height:100px;
  27.   border:1px solid gray;
  28. }
  29. .komorka { 
  30.   width: 294px;
  31.   height: 200px;
  32.   margin: 2px;
  33.   border:1px solid gray;
  34.   float:left;
  35. }
  36. #komorka1 { }
  37. #komorka2 { }
  38. #komorka3 { }
  39. #komorka4 { }
  40.  
  41. #stopka {
  42.   height:15px;
  43.   border:1px solid gray;
  44. }
  45.  
  46. </style>
  47. </head>
  48.  
  49. <body>
  50. <center>
  51. <div id="main">
  52. <div id="menu">menu</div>
  53. <div id="logo">logo</div>
  54. <div class="komorka" id=komorka1>1 </div>
  55. <div class="komorka" id=komorka2>2 </div>
  56.  <div class="komorka" id=komorka3>3  </div>
  57.  <div class="komorka" id=komorka4>4 </div>
  58. <div id="stopka">stopka</div>
  59. </div>
  60. </center>
  61. </body>
  62. </html>
[HTML] pobierz, plaintext


Chcę osiągnąc efekt:

[ menu ]
[ logo ]
[ 1 ][ 2 ]
[ 3 ][ 4 ]
[ stopka ]

W IE wyswietla wszystko bardzo dobrze, natomiast w FF obramowanie ze stopki chowa sie za komorkami 1 i 2 a sam napis stopka jest na swoim miejscu.
Zawsze gdy probuje cos robic na divach to cos musi chowac sie za czyms... dlaczego? Co muszę stosować aby divy się za sobą nie chowały? Zalezy mi na zgodnosci w najpopularniejszych przeglądarkach.
nevt
21.11.2007, 20:11:25
poszukaj w manualu CSS własności z-index...
lukash82
21.11.2007, 21:28:26
Witam. Sprobuj moze dodac clear: both; do stopki. Moze to Ci jakos pomoze. Pozdr
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.