Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Róznica kilku pikseli między IE a FF
patryk9200
post
Post #1





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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

Cześć,
Mam taki kod:
[HTML] pobierz, plaintext 
  1. <center>
  2. <div>
  3. <table table border="0" cellspacing="0" cellpadding="0"><tr><td height="50px" style=" float: left; background: red;">
  4.     <div  style="width: 800px;">
  5.     Góra
  6.     </div></td></tr></table><table table border="0" cellspacing="0" cellpadding="0"><tr>
  7.     <td height="1000px" style=" float: left; background: green;">
  8.     <div style="width: 200px;">
  9.     lewe  menu
  10.     </div>
  11.     </td><td height="1000px" style=" float: left; background: blue;">
  12. <div style="width: 600px;"> Srodek.....
  13. </div>
  14. </td></tr></table>
  15. </div>
[HTML] pobierz, plaintext

chodzi o to, że górna belka w FF jest krótsza niż w Internet Explorer.
Jak poprawić ten bug? dodam, że te div'y są po to aby nie rozwalało strony...
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
Wicepsik
post
Post #2





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

Ostrzeżenie: (20%)
X----

Czemu robisz stronę na tabelach i divach? Używaj samych divów!
Go to the top of the page
+Quote Post
potreb
post
Post #3





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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

Nie wiem jak to wygląda pod IE, ale możesz zainteresować się takim tematem: http://www.positioniseverything.net/explor...hreepxtest.html
Go to the top of the page
+Quote Post
patryk9200
post
Post #4





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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

a dlatego że zyskuję to, że tabelki gdy zawartość jest większa się wydłużają na czym mi bardzo zależało, natomiast divy tylko zabezpieczają przed poszerzeniem się strony
Go to the top of the page
+Quote Post
erix
post
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
że tabelki gdy zawartość jest większa się wydłużają na czym mi bardzo zależało

To nie jest wytłumaczenie. W divach też tak się da.

http://osiolki.net/tabelki - przeczytaj po parę razy, jeśli nie rozumiesz.
Go to the top of the page
+Quote Post
patryk9200
post
Post #6





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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

już to rozwiązałem, ale mam teraz inny problem, nie wiem dlaczego ale float: left w ie nie działa a w FF tak. Oto kod:
[HTML] pobierz, plaintext 
  1. <center>
  2. <div>
  3. <table table border="0" cellspacing="0" cellpadding="0">
  4. <tr><td height="50px" style=" float: left; background: red;  padding:0px;">
  5.     <div  style="width: 800px;">
  6.     Góra
  7.     </div></td></tr></table><table table border="0" cellspacing="0" cellpadding="0"><tr>
  8.     <td height="1000px" style=" float: left; background: green;   padding:0px;">
  9.     <div style="width: 200px;">
  10.     lewe  menu
  11.     </div>
  12.     </td><td height="1000px" style=" float: left; background: blue;  padding:0px;">
  13. <div style="width: 600px;"> Srodek.....
  14. </div>
  15. </td></tr></table>
  16. </div>
[HTML] pobierz, plaintext


Ten post edytował patryk9200 20.07.2009, 19:44:18
Go to the top of the page
+Quote Post
Pawel_W
post
Post #7





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

możesz mi wytłumaczyć po co ci float left dla komórki w tabeli?
Go to the top of the page
+Quote Post
patryk9200
post
Post #8





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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

ok za waszym głosem zrobiłem na div, tylko jak zrobić żeby kolumna "menu_left" miała taką długość jak kolumna "tresc", lecz obie nie mniejszą niż 1000px (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
oto kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html
  2.      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  7. <title>Kurs HTML - Przykłady CSS: Stały szablon (fixed layout)</title>
  8. <style type="text/css">
  9. /* <![CDATA[ */
  10. html, body {
  11.     background-color: #fff;
  12.     color: #000;
  13.     margin: 0;
  14.     padding: 0;
  15. }
  16.  
  17. #top {
  18.     width: 780px;
  19. }
  20.  
  21. #logo {
  22.     background-color: #888;
  23. }
  24.  
  25. #menu_left {
  26.     width: 150px;
  27.     float: left;
  28.     overflow: hidden;
  29.     background-color: #ccc;
  30. }
  31.  
  32. #tresc {
  33.     width: 630px;
  34.     float: left;
  35.     overflow: hidden;
  36.     background-color: #fff;
  37. }
  38.  
  39. #stopka {
  40.     clear: both;
  41.     width: 100%;
  42.     background-color: #888;
  43. }
  44.  
  45. pre {
  46.     overflow: auto;
  47. }
  48. /* ]]> */
  49. </style>
  50. </head>
  51. <body>
  52.  
  53. <div id="top">
  54.  
  55. <div id="logo">logo</div>
  56.  
  57. <div id="menu_left">
  58.  
  59.  
  60. </div>
  61.  
  62. <div id="tresc">
  63.  
  64. </div>
  65. <div id="stopka">&copy; </a></div>
  66.  
  67. </div>
  68.  
  69. </body>
  70. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 23.08.2025 - 19:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn