Forum PHP.pl > [HTML][CSS] Róznica kilku pikseli między IE a FF

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Róznica kilku pikseli między IE a FF

patryk9200

20.07.2009, 19:02:05

Cześć,
Mam taki kod:

[HTML] pobierz, plaintext 
<center>
<div>
<table table border="0" cellspacing="0" cellpadding="0"><tr><td height="50px" style=" float: left; background: red;">
    <div  style="width: 800px;">
    Góra
    </div></td></tr></table><table table border="0" cellspacing="0" cellpadding="0"><tr>
    <td height="1000px" style=" float: left; background: green;">
    <div style="width: 200px;">
    lewe  menu
    </div>
    </td><td height="1000px" style=" float: left; background: blue;">
<div style="width: 600px;"> Srodek.....
</div>
</td></tr></table>
</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...

Wicepsik

20.07.2009, 19:08:10

Czemu robisz stronę na tabelach i divach? Używaj samych divów!

potreb

20.07.2009, 19:14:11

Nie wiem jak to wygląda pod IE, ale możesz zainteresować się takim tematem: http://www.positioniseverything.net/explor...hreepxtest.html

patryk9200

20.07.2009, 19:15:34

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

erix

20.07.2009, 19:17:39

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.

patryk9200

20.07.2009, 19:35:30

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 
<center>
<div>
<table table border="0" cellspacing="0" cellpadding="0">
<tr><td height="50px" style=" float: left; background: red;  padding:0px;">
    <div  style="width: 800px;">
    Góra
    </div></td></tr></table><table table border="0" cellspacing="0" cellpadding="0"><tr>
    <td height="1000px" style=" float: left; background: green;   padding:0px;">
    <div style="width: 200px;">
    lewe  menu
    </div>
    </td><td height="1000px" style=" float: left; background: blue;  padding:0px;">
<div style="width: 600px;"> Srodek.....
</div>
</td></tr></table>
</div>
[HTML] pobierz, plaintext

Pawel_W

20.07.2009, 19:47:39

możesz mi wytłumaczyć po co ci float left dla komórki w tabeli?

patryk9200

20.07.2009, 20:09:05

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

oto kod:

[HTML] pobierz, plaintext 
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Kurs HTML - Przykłady CSS: Stały szablon (fixed layout)</title>
<style type="text/css">
/* <![CDATA[ */
html, body {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
}
 
#top {
    width: 780px;
}
 
#logo {
    background-color: #888;
}
 
#menu_left {
    width: 150px;
    float: left;
    overflow: hidden;
    background-color: #ccc;
}
 
#tresc {
    width: 630px;
    float: left;
    overflow: hidden;
    background-color: #fff;
}
 
#stopka {
    clear: both;
    width: 100%;
    background-color: #888;
}
 
pre {
    overflow: auto;
}
/* ]]> */
</style>
</head>
<body>
 
<div id="top">
 
<div id="logo">logo</div>
 
<div id="menu_left">
 
 
</div>
 
<div id="tresc">
 
</div>
<div id="stopka">&copy; </a></div>
 
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

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.