cierpienia młodego webmastera ;)

[yourfate]

cześć. własnie od dwóch godzin męczę się z pewnym problemem. Mianowicie wstawiłem na stronę dwie tabelki (table), jedna obok drugiej (druga początkowo nie chciała wyświetlać się na tym samym poziomie więc zastosowałem display:inline). Teraz już ładnie sie wyświetlają ale jest problem - gdy zmniejszy się okno przeglądarki to wtedy ta tabelka położona z prawej strony przeskakuje do drugiego rzędu zamiast pozostać na tym samym poziomie co tabelka z lewej strony. Jak temu zaradzić?

[Hellz]

Na początek tradycyjnie przypomnę, że mamy 18 marca roku pańskiego 2006 i już się raczej nie robi layów na tabelkach Jeżeli jednak jesteś zdecydowany mimo przeczytania pierwszego tematu z tego działu to:

Wywal display: inline; zamknij obie tabele w divie, jednej z nich daj float: left; drugiej: float: right; pod tabelami, a przed końcem diva daj <br style="clear: both;">. Pozdrawiam Ps. Możliwe, że temu divowi będziesz musiał nadać szerokość w px, zależy, na jakiej zasadzie są zrobione te tabele.

[yourfate]

Dzięki Hellz. Częściowo się udało ale jeszcze nie do końca. Mianowicie po zastosowaniu wszystkich wskazówek + ustalenie szerokości dla diva tabelki się połączyły ładnie. Jednak te własciwości float sprawiły ze tabelki są dosunięte do lewej krawędzi diva zamiast być na środku strony czyli wycentrowane. Co więcej gdy daję teraz do tego diva własność style="text-align:center;" to w ogóle nie reagują i dalej dolegają do lewej krawędzi. Mógłbym wprawdzie nadać temu divowi chyba większy lewy margines tylko ze pewnie wtedy różne fragmenty strony będą się różnie zachowywać na stronie gdy tu będzie taki duży margines a w innych czesciach nie będzie i będzie normalnie zawartość wyśrodkowana.

A wracając do początku - na tych tabelkach chciałem po prostu umieścić zdjęcie górne (pocięte na 5 kawałków) a resztę strony zrobic już bez tabelek. Skoro już się nie używa do tego celu tabelek to jak osadzić i połączyć te pocięte zdjęcia w jedną całość, za pomocą pozycjonowania względnego?

[Gość w3master]

Skoro już się nie używa do tego celu tabelek to jak osadzić i połączyć te pocięte zdjęcia w jedną całość, za pomocą pozycjonowania względnego?

<div>

<span id="zero"></span><span id="jeden"></span>

</div>

css:

span#zero {
 position:relative;top:__;left:__;
 display:block;
 height:__;width:__;
 backgrund:url();
}
span#jeden {
 position:relative;top:__;left:__;
 display:block;
 height:__;width:__;
 backgrund:url();
}