koodlaty
20.09.2006, 07:05:21
Jak zrobić by tabelka o zmiennym rozmiarze była wyświetlana zawsze dokladnie na środku strony? Da się...?
Zajec
20.09.2006, 07:20:11
Cytat(koodlaty @ 20.09.2006, 08:05:21 )

Jak zrobić by tabelka o zmiennym rozmiarze była wyświetlana zawsze dokladnie na środku strony? Da się...?

Kod
style="margin: 0 auto;"
koodlaty
20.09.2006, 07:25:15
A ja kombinowałem jak koń pod górę...
BIG THX
php programmer
20.09.2006, 08:08:05
ale to chyba nie działa we wszystkich przeglądarkach
koodlaty
20.09.2006, 08:08:17
Ok, ok... Ale podane przez Ciebie rozwiązanie działa pod FF ale nie pod IE...
Prph
20.09.2006, 08:10:13
Nie jestem pewnien, czy to zadziala, ale moze umiesc tabelke w divie o text-align: center.
Adrian.
koodlaty
20.09.2006, 08:16:52

Ciekawe - pierwsze rozwiązanie działa w FF drugie w IE. Jak się połączy oba - jest ok. Dzięki
TomASS
20.09.2006, 08:27:01
Ja to robię tak:
1. ogólny plik styli:
Kod
div#main {
position: relative;
text-align: left;
width: 700px;
border-left: 1px solid #ACA899;
border-right: 1px solid #ACA899;
margin: 0 auto;
background-color: #FFFFFF;
}
2. w pliku daje
<link rel="stylesheet" type="text/css" href="style.css" /> <!--[if lte IE 6]>
<style type="text/css">
BODY{
text-align: center;
}
</style>
<![endif]-->
koodlaty
20.09.2006, 08:32:16
Bradzo zgrabnie.
Nie widzę jednak przeszkód by stosować oba rozwiązania jednocześnie...?
TomASS
20.09.2006, 08:38:23
Przeszkód brak

Nawet się waliduje
My4tic
20.09.2006, 08:47:26
A dlaczego uzywasz komentarzy warunkowych dla IE < 6 ? Pewnie bedziesz miał probelm z wyświetleniem pod IE7 i późniejszymi wersjami - chyba, że Microsoft coś poprawi/ł

Co do stosowania obu argumentów jednocześnie to jak najbardziej - tak. Validator wszystko ładnie przyjmuje a w koncu to zawsze 4 linie kodu mniej
TomASS
20.09.2006, 10:29:07
Oczywiście kolego My4tic masz 100% racji. Jednak dla żądjących wiedzy na temat komentarzy warunkowych nic trudnego poprawić (
np. tutaj)

Dałem tylko przykład.
gekon
20.09.2006, 10:58:29
Ja tam widzę przeciwskazania w stosowaniu text-align i margin jednocześnie. Treść przeważnie jest wyjustowana (albo wyrównana do lewej). Text-align jest dziedziczone więc trzeba zmieniać text-align dla kontenera z treścią - ergo wolę komentarze warunkowe tym bardziej, że czasem uzbiera się więcej rzeczy tylko dla IE.
TomASS
20.09.2006, 12:28:07
Nic nie stoi na przeszkodzie aby w komentarzu warunkowym zamknąć również text-align:
<!--[if IE]>
<style type="text/css">
BODY{
text-align: center;
}
div#main {
text-align: ......
}
</style>
<![endif]-->
gekon
20.09.2006, 12:40:41
O tym własnie mówię.
kicaj
20.09.2006, 13:29:24
body
{
margin: 0px;
text-align: center;
}
#box
{
margin: auto;
}
Lorem...
Wycentrowanie w poziomie dziala na wszystkich przegladarkach, jednak nie pamietam co jest z centrowaniem w pionie...
Zajec
21.09.2006, 07:16:37
Cytat(koodlaty @ 20.09.2006, 09:08:17 )

Ok, ok... Ale podane przez Ciebie rozwiązanie działa pod FF ale nie pod IE...
IE zrozumie użyte
Kod
style="margin: 0 auto;"
jak zaserwujesz mu dokument z DOCTYPE strict.
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.