Forum PHP.pl > [css] marginesy, ktorych nie ma

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] marginesy, ktorych nie ma

lukash82

21.11.2007, 22:07:01

Witam. Tym razem mam takie pytanko odnosnie css. Otoz jest sobie taki kod:

[HTML] pobierz, plaintext 
<body bgcolor="blue">
<table>
<tr>
<td colspan="2" style="width:700px; margin: 0px;">
<div style="background-color: green; width: 700px; margin: 0px;">top</div>
</td>
</tr>
<tr>
<td style="width: 200px; margin: 0px;">
<div style="background-color: white; width: 200px; margin: 0px;">lewa</div>
</td>
<td style="width: 500px; margin: 0px;">
<div style="background-color: red; width: 500px; margin: 0px;">prawa</div>
</td>
</tr>
</table>
</body>
[HTML] pobierz, plaintext

Kolory kontrastowe zeby widac bylo to o co pytam. Jesli jest stronka zbudowana na jednej glownej tabeli, a potem w poszczegolne miejsca laduje sie juz div-y to pojawiaja sie takie dziwne marginesy w tabeli... Do tego drugi wiersz sie troche przesunal w prawo... Jak sobie z takim czyms radzicie? Pozdrawiam, Łukasz.

Daimos

21.11.2007, 22:42:04

[HTML] pobierz, plaintext 
<div style="background-color: green; width: 700px; margin: 0px;">top</div>
<div style="clear: both; background-color: white; width: 200px; margin: 0px; float: left">lewa</div>
<div style="background-color: red; width: 500px; margin: 0px; float: left">prawa</div>
[HTML] pobierz, plaintext

po co tabelka?

axel_pl

21.11.2007, 23:47:38

a czemu nie tabelka? wszyscy tylko te divy a na tabelkach tez mozna przeciez

dadexix

22.11.2007, 07:54:11

Cytat

a czemu nie tabelka? wszyscy tylko te divy a na tabelkach tez mozna przeciez

hmmm bo 1. tabelki więcej zajmują 2. są bardziej funcjonalne 3. lepiej są interpretowane pod róznymni przeglądarkami gdzie tabelka może na jednym być inna a na drugim inna....

pisać jeszcze:D?

lukash82

22.11.2007, 09:42:55

Witam ponownie. Przyklad troche niefortunny podalem bo cos takiego rzeczywiscie na div-ach lepiej napisac. Klopot pojawia sie gdy trzeba juz na przyklad trzy kolumny zrobic kolo siebie... W tym momencie nad div-ami trzeba sie juz troche pomeczyc zeby sie wszystko nie rozjechalo pod IEsyfem, a tabelka jest szybsza do zrobienia i przynajmniej dziala... Pozdr

Ar2r

22.11.2007, 09:58:51

Spróbuj wyzerować marginesy wewnętrzne komórek:

[HTML] pobierz, plaintext 
<table cellpadding=0>
[HTML] pobierz, plaintext

Poza tym po co ci te divy w <td>. Jeśli chcesz osiągnąć zmianę koloru dla komórki tabeli to wpisz w stylach <td>

[HTML] pobierz, plaintext 
<td style="width: 200px; margin: 0px; background-color: white">
[HTML] pobierz, plaintext

22.11.2007, 09:59:55

albo <td style="padding: 0;">

tabelka ma domyślny padding 2px na każdy td

lukash82

22.11.2007, 10:27:30

Wrzucilem wszedzie gdzie sie da padding na 0px i margin tez na 0px ale niestey dalej sie sypie. Po malych zmianach na trzy kolumny przyklad wyglada nastepujaco

[HTML] pobierz, plaintext 
<body bgcolor="blue">
<table cellpadding="0">
<tr style="margin: 0px; padding: 0px;">
<td colspan="3" style="width:900px; margin: 0px; padding: 0px;">
<div style="background-color: green; width: 900px; margin: 0px; padding: 0px;">top</div>
</td>
</tr>
<tr style="margin: 0px; padding: 0px;">
<td style="width: 200px; margin: 0px; padding: 0px;">
<div style="background-color: white; width: 200px; margin: 0px; padding: 0px;">lewa</div>
</td>
<td style="width: 500px; margin: 0px; padding: 0px;">
<div style="background-color: red; width: 500px; margin: 0px; padding: 0px;">srodek</div>
</td>
<td style="width: 200px; margin: 0px; padding: 0px;">
<div style="background-color: white; width: 200px; margin: 0px; padding: 0px;">prawa</div>
</td>
</tr>
</table>
</body>
[HTML] pobierz, plaintext

Ar2r

22.11.2007, 10:43:37

Skoro nie słuchasz rad to masz taki efekt. Usuń <div> z <td>.

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.