css centrowanie layoutu

[abstract]

witam, postanowilem odejsc od tabelek i zaczac projektowac stronki w css i xhtml i napotkalem pierwszy problem z ktorym nie moge sobie poradzic.Mam taki kod wygenerowany automatycznie przez image ready,

 

<br />
<!--<br />
<br />
#Table_01 {<br />
	position:absolute;<br />
	left:0px;<br />
	top:0px;<br />
	width:800px;<br />
	height:600px;<br />
}<br />
<br />
#uslugi-01_ {<br />
	position:absolute;<br />
	left:0px;<br />
	top:0px;<br />
	width:800px;<br />
	height:269px;<br />
}<br />
<br />
#uslugi-02_ {<br />
	position:absolute;<br />
	left:0px;<br />
	top:269px;<br />
	width:567px;<br />
	height:50px;<br />
}<br />
<br />
#uslugi-03_ {<br />
	position:absolute;<br />
	left:567px;<br />
	top:269px;<br />
	width:233px;<br />
	height:50px;<br />
}<br />
<br />
#uslugi-04_ {<br />
	position:absolute;<br />
	left:0px;<br />
	top:319px;<br />
	width:11px;<br />
	height:281px;<br />
}<br />
<br />
#uslugi-05_ {<br />
	position:absolute;<br />
	left:11px;<br />
	top:319px;<br />
	width:378px;<br />
	height:117px;<br />
	background-image: url(images/uslugi_05.jpg);<br />
}<br />
<br />
#uslugi-06_ {<br />
	position:absolute;<br />
	left:389px;<br />
	top:319px;<br />
	width:411px;<br />
	height:117px;<br />
}<br />
<br />
#uslugi-07_ {<br />
	position:absolute;<br />
	left:11px;<br />
	top:436px;<br />
	width:395px;<br />
	height:164px;<br />
}<br />
<br />
#uslugi-08_ {<br />
	position:absolute;<br />
	left:406px;<br />
	top:436px;<br />
	width:394px;<br />
	height:164px;<br />
}<br />
body,td,th {<br />
	font-family: Verdana, Arial, Helvetica, sans-serif;<br />
	font-size: 11px;<br />
	color: 3c3c3c;<br />
}<br />
body {<br />
	background-color: #454b52;<br />
<br />
	<br />
}<br />
<br />
--><br />



















  Nasza firma wykonuje również następujące usługi:

  •	Modernizacja szlifierek do ostrzenia noży gilotynowych

      •	Ostrzenie noży gilotynowych

      •	Sprzedaż noży i szpalt gilotynowych

 

odpalam to w dreamweawer i nie moge wycentrowac layoutu, probowalem starym sposobem z tabelek

[abstract]

position:relative;

tez nie dziala i rozjezdza sie jeszcze lay.

 

O zgrozo, tak sie teraz buduje strony?

 

to co tu wzucilem to calosc z 2 plikow, caly uklad strony powinien znajdowac sie w pliku css gdzie sa zdefiniowane uklady divow i styli i plik html, w ktorym jest tresc.

 

Czemu chcesz odejsc od tabel?

 

czytajac rozne artykuly na sieci doszedlem do wniosku ze:

 

1. chce projektowac strony zgodnie ze standartami

2. strony budowane w css i xhtml mniej waza

3. uzyskuje sie lepsze wyniki w pozycjonowaniu

4. latwiej sie edytuje

 

pozdr..

[leander]

Skasowalem posta, bo widze, ze buduje strony niestandardowo i sie nie chce wymadrzac

 

Polecam przestudiowac jakies css na http://www.csszengarden.com/

 

Z tego co widze, najpierw defioniowany jest #container o wartosci position:absolute; left:50%; a potem reszta elementow przyjmuje wartosc relative do niego.

[piotrek]

Własnie tego nie rozumiem, co w tablekach było złego, że teraz się odchodzi od tego?

[leander]

No jak widze z poziomu CSS, operując na div'ach, mozna dowolnie modyfikowac kazda czesc dokumentu bazowego. Tabele natomiast to uniemozliwiaja, bo blokuja polozenie tych czesci.

 

Tak czy inaczej mysle, ze ten standard jest przydatny tylko dla niektorych zastosowan bo wolalbym zbudowac design od nowa z tabel w 30 minut niz przebudowawac plik CSS o 180 stopni w 4 godziny.

 

Aha, oczywiscie uzywam css od paru lat, ale nie definiuje na ich podstawie kazdego elementu strony.

[brumugun]

Spróbuj tak, ustawienie poziomych marginesów w tryb auto, spowoduje wycentrowanie diva.

#Table_01 {

position: relative;

top: 0px;

width: 800px;

margin: 0px auto;

}

 

Lubie CSS'a za czysty kod,łatwe rozmieszczanie elementów na stronie, jeśli dokładnie rozumie się o co w nim chodzi, staje się potężnym narzędziem. Zawsze daje sobie rade bez tabelek.

[Remedy]

To nie jest tak, że "tak się teraz buduje strony". Nie zawsze i nie wszędzie sprawdzi się CSS jako definicja każdego elementu. Ja używam tabel i innych dupereli nie tylko CSS byle to wszystko było sprawne, lekkie i szybkie. Wrzucanie wszystkiego do jednego pliku CSS to dla mnie zgroza. Czasem można tydzień spędzić na szukaniu co przesunęło nam dany wiersz o np. 3 piksele o czym kengi i ja mieliśmy okazję się przekonać ;)

[Phantom]

3 pixle ?? :D moze przy flashu wrzuceniu do div'a ?? :D (roznice w wyswietlaniu stylow przez ff i ie :P) masakra, godziny szukania odpowiedzi, ale i tak nie zamienie css'a spowrotem na tabele, dla mnie jest on czytelniejszy i jestem juz do niego przyzwyczajony :) doswiadczenie robi swoje, im wiecej cssie robisz tym bardziej sie do niego przywiazujesz.

 

a co do problemu to sprobuj text-align: center; powinno zadzialac, ale jedynie jezeli masz css'a zrobionego na podstawie kontenerow przechowujacych inne nawzajem, taka struktura pudelkowa :) najwiekszemu pudelku przypisujesz text-align i masz wycentrowana strone.

 

Pozdrawiam

[abstract]

i ja tez nie zamienie cssa na tabale :), wszystko dziala wielkie dzieki.

 

a tu cos na temat tabel

 

http://osiolki.net/tabelki/everything.html

 

pozdr..

[Maceo]

najśmieszniejsze są te stronki traktujące o robieniu stron, które wyglądają obleśnie same w sobie i układ css'a kaszani się w mojej przeglądarce ;) :P (wtf?!) używam Firefoxa...

[dokturpotfor]

wydaje mi sie ze odpowiedz (tzn tak zgaduje) na pytanie dlaczego nie

stosowac tabelek jest ideologiczna: bo tabele sluza do przedstawiania

danych tabelarycznych slupkow, kolumn itd, a nie do wydzielania obrazkow

na 3pixelowe paski czy pozycjonowania elementow layoutu na stronie.

chora sytuacja spowodowala ze webdesignerzy zrobili z tabelek narzedzie

do siekania stron. teraz, po krotce, w zgodzie z wytycznymi w3c jest:

xml, xslt, css, xforms... tresc, transformacje, wyglad, interakcje...