Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html]Div'y w IE i FF
Forum PHP.pl > Forum > Przedszkole
patryk20120
30.01.2009, 14:05:45
Witam, mam dziwny problem tongue.gif
Układam div'y na stronie i czasami jest tak, że w IE te div'y się rozjeżdżają, czyli są na nieswoich miejscach, ale w FF wszystko ładnie działa, tak samo mam z tabelami tongue.gif w czym może być problem, czy to aż taka różnica między przeglądarkami, bądź ja robię to źle tongue.gif
jak coś to mój kod strony:
[PHP] pobierz, plaintext 
  1. <?
  2. session_start();
  3. session_cache_limiter('nocache');
  4. require_once ("funkcje.php");
  5. ?>
  6. <html>
  7. <head><center>
  8. <title>test</title>
  9. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  10. <style type="text/css"> 
  11. html, body {
  12.     background-color: #fff;
  13.     color: #000;
  14.     margin: 0;
  15.     padding: 0;
  16. }
  17. #top {
  18. width: 800px;
  19. } 
  20. #gora {
  21.     width: 800px;
  22.     height: 84px;
  23.     overflow: hidden;
  24.         background-image: url(Obrazki/grafika4-kopia_0.png);
  25. }
  26. #bok1 {
  27. clear: booth;
  28. float: left; 
  29.     width: 23px;
  30.     height: 694px;
  31.     overflow: hidden;
  32.         background-image: url(Obrazki/grafika4-kopi-02.png);
  33. }
  34. #bokg {
  35. float: left; 
  36.     width: 155px;
  37.     height: 694px;
  38.         background-image: url(Obrazki/grafika4-kopi-03.png);
  39. }
  40. #bok3 {
  41. float: left; 
  42.     width: 31px;
  43.     height: 694px;
  44.     overflow: hidden;
  45.         background-image: url(Obrazki/grafika4-kopi-04.png);
  46. }
  47. #glowna {
  48. float: left; 
  49.     width: 563px;
  50.     height: 694px;
  51.     overflow: hidden;
  52.         background-image: url(Obrazki/grafika4-kopi-05.png);
  53. }
  54. #bok4 {
  55. float: left; 
  56.     width: 28px;
  57.     height: 694px;
  58.     overflow: hidden;
  59.         background-image: url(Obrazki/grafika4-kopi-06.png);
  60. }
  61.  
  62. #dol {
  63. clear: booth;
  64.     width: 800px;
  65.     height: 22px;
  66.     overflow: hidden;
  67.         background-image: url(Obrazki/grafika4-kopi-07.png);
  68. }
  69.  
  70. </style>
  71. </head>
  72. <body>
  73. <div id=top>
  74. <div id=gora></div>
  75. <div id=bok1></div>
  76. <div id=bokg></div>
  77. <div id=bok3></div>
  78. <div id=glowna>
  79. <br>
  80. <br>
  81. <br>
  82. <br>
  83. <br>
  84. <?
  85.         if ($_GET['m'] == 'rejestracja')
  86.   dodaj_form();
  87.   if ($_GET['m'] == 'log')
  88.   logowanie($login, $haslo);
  89.         if (session_is_registered("user"))
  90.         {
  91.                 echo '<center><font color=orange style="font-family:cursive;font-size:20"><b>Jesteś juz zalogowany... <a href="wyloguj.php">Wyloguj mnie</a></font></b></center>';
  92.         }else{
  93.         echo '<center><font color=orange style="font-family:cursive;font-size:20"><b>Wpisz nazwę oraz hasło użytkownika, podane podczas rejestracji</font></b></center>';
  94.         wy_form_logo();
  95.         }
  96.         ?>
  97.     
  98. </div>
  99. <div id=bok4></div>
  100. <div id=dol></div>
  101. </div>
  102.  
  103. </body>
  104. </html>
[PHP] pobierz, plaintext
wookieb
30.01.2009, 14:10:58
1)Najpierw poczytaj to
http://kurs.browsehappy.pl
2) Wow. No niesamowite. Same przezroczyste bloki bo przeciez grafik nie widzimy. A o tym to pewnie nie pomyslales...
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.