Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] div chowa sie za innymi divami
fcs
post
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 28.06.2007

Ostrzeżenie: (0%)
----- 

[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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
nevt
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----

poszukaj w manualu CSS własności z-index...


--------------------

- Oh no, my young coder. You will find that it is you who are mistaken, about a great many things... -
Go to the top of the page
+Quote Post
lukash82
post
Post #3





Grupa: Zarejestrowani
Postów: 320
Pomógł: 2
Dołączył: 17.03.2006
Skąd: Siemianowice

Ostrzeżenie: (0%)
-----

Witam. Sprobuj moze dodac clear: both; do stopki. Moze to Ci jakos pomoze. Pozdr
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 07:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn