[HTML/CSS] Margines strony i rozbite tabele

[Louner]

1) Margines strony. Jak za pomocą css usunąć margines na stronie? Tzn, żeby tekst i tabele dotykały do jej 'krawędzi'.

2) Mam problem z tabelą i tym kodem

[xml]<td height="50" width="400" style="background-image: url('./gfx/logo22.bmp'); background-repeat: no-repeat; background-color: #C28959;"><a href="./" target="_blank"><img src="./bannery/reklama.bmp" alt="reklama" border="0" width="400" height="50"></a></td>[/xml]

Fragment strony za który odpowiada widać na zrzutach ekranu. W Operze i Firefox'ie jest interpretowany normalnie (nie rozbija tabeli, w IE pojawia się luka. I tu pojawia się moje pytanie. Jak jej zapobiec?

Firefox & Opera

Internet Explorer


Cały kod strony jest tutaj:
http://www.rafb.net/paste/results/dWlc0k15.html

Bardzo proszę o pomoc.

[Stig]

1) Margines strony. Jak za pomocą css usunąć margines na stronie? Tzn, żeby tekst i tabele dotykały do jej 'krawędzi'.

W zależności od przeglądarki należy podjąć różne kroki. W przypadku IE, Opery i Gecko pomaga nadanie zerowych wartości dla atrybutów padding i margin elementowi body i głównemu elementowi zawierającemu całą stronę. Przykład:

Kod: Zaznacz cały

body {
padding: 0;
margin: 0; }

div#all {
padding: 0;
margin: 0; }

2) Mam problem z tabelą i tym kodem

Rozwiązaniem powinno być nadanie komórkom zerowej wartości atrybutów margin i padding. Przykład:

Kod: Zaznacz cały

td {
padding: 0;
margin: 0; }

Inna sprawa, że tabele nie służą do tworzenia układów stron (polecam prezentację "Dlaczego układ na tabelkach jest głupi: opis problemu i jego rozwiązania"), a twarda spacja jest źle wykorzystana (tu polecam akapit "Nie połam sobie spacji" z artykułu "Błędy w stronach WWW").

[Louner]

1) Działa, dziękuję.
2) Sposób nie działa. Chetnie poczytam materiały do których link mi dałeś, ale bardzo zależy mi na wykonanie tego tak, jak o to proszę.

[Stig]

2) Sposób nie działa. Chetnie poczytam materiały do których link mi dałeś, ale bardzo zależy mi na wykonanie tego tak, jak o to proszę.

Zachowanie IE już nie raz mnie zdziwiło, jednakże zaprezentowane przeze mnie rozwiązanie sprawdziłem i ono działa Możliwe, że problem wynika z różności wersji IE (u mnie 6.0) lub złej implementacji rozwiązania...

[Louner]

Ja też mam 6.0. Już poradziłem sobie z problemem. Zamieniłem obecny kod na taki:

[xml] <tr>
<td height="50" width="740" style="padding-left: 18px; background-image: url(\'./gfx/logo2.bmp\'); background-repeat: no-repeat; background-color: #C28959;">banner</td>
</tr>[/xml]

I działą. CSS górą. Dziękuję za pomoc.