Dziwne odstępy na stronie - w czym problem ???

[neosport]

Witam pod FF wszystko jest ok, pod IE pojawiają się dziwne paski ... może coś przeoczyłem ???

Podaje linka do stronki:

http://www.neosport.pl/themes/base/proj ... aukcja.htm

[koziolek]

Tabelki są straszne... no ale da się przeżyć:

Kod: Zaznacz cały

tbody, th,td, img{margin: 0; padding: 0}

Zeruje marginesy i odstępy dla elementów tabeli i obrazków

[neosport]

niestety nie idzie

Dlaczego tabelki straszne ?? tzn mało czytelne, nie opisane czy jak ?

[Salfunglandyare]

Może dodaj jeszcze table:

Kod: Zaznacz cały

table,tbody, th,td, img{margin: 0; padding: 0} 

[koziolek]

niestety nie idzie

Dlaczego tabelki straszne ?? tzn mało czytelne, nie opisane czy jak ?

Ok żebyś poczuł dlaczego nie robi się układu na tabelkach mam zadanie:
Robimy prostą stronę

Kod: Zaznacz cały

+------------------------+
| nagłówek               |
+---+-------------------+
| M  |      content       |
| e   |                          |
|nu  |                          |
+---+-------------------+
| stopka                    |
+---+-------------------+

a następnie przenosimy menu z lewej strony na prawą
W tabelkach musisz przepisać menu i content ( musisz zamienić miejscami).
Jeżeli zrobisz to na boxModelu czyli divach wystarczy zmiana jednej linijki

[jkwin]

Najpierw kod zgodny ze standardami +doctype

[koziolek]

Najpierw kod zgodny ze standardami +doctype

nie koniecznie bo to chyba jest na allergo, a tam doctype może pomieszać wygląd pod IE. Chyba że będzie taki sam jak ten z Allegro.

[neosport]

Mam jeszcze jedno pytanie kożystając z okazji...
Jak oznaczyć w kodzie aby przy układzie strony zrobionej na div-ach brać wszystkie właściwości odległości od krawędzi np. tabeli ?? nie wiem czy dość jasno opisałem w czym rzecz. Chodzi poprostu o to żeby pozycjonować elementy od innej krawędzi niż krawędź strony

[koziolek]

pozycjonowanie jest zawsze od ostatniego wypozyjonowanego przodka. Wystarcz więc dać tabeli position: relative; i będzie dobrze.

[neosport]

A mógłbyś dorzucić przykładowy kod ??

[koziolek]

HTML:

<table>...<div id="d1"></div>...</table>

CSS

Kod: Zaznacz cały

table{
  position: relative;
}
div{
  position: absolute;
}
#d1{
  top: 0;
  left: 0;
}

[neosport]

nie chce nic mówić ale jakoś mi to nie działa, może coś źle robie ??

Kod: Zaznacz cały

<head>
<style type="text/css">
table{
  position: relative;
}
div{
  position: absolute;
}
#d1{
  top: 110;
  left: 0;
}
</style>
</head>
<body><center>
<table border="1" width="100" height="100"><tr><td><div id="d1"> cos tam jako dane </div></td></tr></table> </center>
</body>

[Salfunglandyare]

A ja nie rozumiem jednej rzeczy... po co Ci tabelka, jak i tak wszystko chcesz trzymać w divie? Zamiast tabeli i pozycjonowania zostaw sam div i zainteresuj się padding.
myślę, że:

Kod: Zaznacz cały

<head>
<style type="text/css">
#d1{
  margin: 110px auto 0 auto;
  width: 100px;
  height: 100px;
}
</style>
</head>
<body>
<div id="d1"> cos tam jako dane </div>

będzie tym, czego oczekujesz.

pzdr.

[neosport]

czy jeżeli uistawie to tak jak mówisz wszystko na div-ach to jak moja strona będzie wyglądała w innej rozdzielczości gdzie standartem jest 1024x768... wszystko było ok ale jak zmieniłem rodzielczość posypało sie, stąd chciałem to wszystko wstawić w coś co będzie jakimiś granicam dla całej strony no chyba że to nie ma znaczenia to wtedy spoko[/i]

[Salfunglandyare]

Jeśli chodzi o prezentację, to nie ma znaczenia - po prostu inaczej się to ustawia. Pod względem semantycznym ma to ogromne znaczenie - tabela służy do umieszczania w niej wartości tabelarycznych, nie do pozycjonowania elementów. div pod względem semantycznym oznacza wydzielony obszar strony, do którego tak naprawdę większość webdeveloperów nadal podchodzi z dystansem ze względu na nieścisłości związane ze standardami i... do wydzielania poszczególnych elementów używa tabel, co wg. semantyki przekazu informacji jest absolutnie nieprawidłowe.

pzdr.