Pomóżcie wyśrodkować stronę :( Opcje

[marzena27]

Mam problem. Podaną poniżej stronę przerobiłam pod stronę szkoły, tzn. graficznie, opierając się na gotowym css, ale nie wiem jak wycentrować stronę, nie udaje mi się zwłaszcza pod mozillę. Problem mam jeszcze z dostosowaniem tekstu do przeglądarek. To znaczy ładnie wygląda oprócz IE 6 a tę jeszcze dużo ludzi posiada. Czy możecie mi pomóc??

http://www.templatemo.com/preview/templatemo_043_restaurant

[Volume]

to chyba zlego linka dales

[marzena27]

Nie, nie. To ta strona. Nie chiałam wklejać całego kodu css i html. Nie wiem po prostu co gdzie wpisać żeby w mozilli była wycentrowana. Poniżej tej strony jest do ściągnięcia cały folder z kodami.

[Quantum]

ale szablon z tego linku, który podałaś jest poprawnie wycentrowany może wrzuć na żywo ten przerobiony i wtedy zobaczymy.

swoją drogą:

[CSS] pobierz, plaintext 
#wrapper {
 margin: auto;
 text-align: center; //dla IE
}
#wrapper * {
 text-align: left;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
 
<div id="wrapper">
tutaj zawartość
</div>
 
[HTML] pobierz, plaintext 

[marzena27]

A czy macie jakiś pomysł żeby dobrze wyglądała w IE 6? Lekko schodzi na prawo...

[endr1u]

Tez kiedys nie moglem wyśrodkowac strony pod IE uzywalem powyzszych rad typu text-align, margin: auto; neistety nic nie dzialalo wiec wepchalem calą stronę w <center></center> i gra -- podobno tak sie nie robi ale who cares:P

[erix]

Lekko schodzi na prawo...

W IE jest problem podwójnego marginesu. Utwórz CSS dołączany warunkowo i podaj w nim nową wartość dla IE.

[marzena27]

Problem w tym, że nie potrafię tego zrobić. Wiem jak pracować na gotowych szablonach, ale sama już nie potrafię zrobić tego o czym piszesz...

[cook]

W sekcji HEAD Twojego dokumentu dodaj:

[PHP] pobierz, plaintext 
<!--[if IE]>
<link rel="Stylesheet" type="text/css" href="style_ie.css" />
<![endif]-->
[PHP] pobierz, plaintext 

Następnie utwórz plik style_ie.css i tam podaj wartości dla IE. Jeżeli nie wiesz jakie wartości tam masz wpisać to proponuje jednak zapoznać się z podstawami CSS http://kurshtml.boo.pl i tam wszystko ładnie jest opisane. Wystarczy trochę chęci.

A jeżeli jesteś leń to pokaż te kody na www.wklej.org i postaram się to zrobić.

[pedro84]

W sekcji HEAD Twojego dokumentu dodaj:

[PHP] pobierz, plaintext 
<!--[if IE]>
<link rel="Stylesheet" type="text/css" href="style_ie.css" />
<![endif]-->
[PHP] pobierz, plaintext 

Następnie utwórz plik style_ie.css i tam podaj wartości dla IE. Jeżeli nie wiesz jakie wartości tam masz wpisać to proponuje jednak zapoznać się z podstawami CSS http://kurshtml.boo.pl i tam wszystko ładnie jest opisane. Wystarczy trochę chęci.

A jeżeli jesteś leń to pokaż te kody na www.wklej.org i postaram się to zrobić.

Koleżanka mówiła o IE6... Ehhh:

marzena27, tutaj masz poprawny komantarz warunkowy tylko dla IE6.

[PHP] pobierz, plaintext 
<!--[if lte IE6]>
<link rel="Stylesheet" type="text/css" href="style_ie6.css" />
<![endif]-->
[PHP] pobierz, plaintext 

Poza tym, strony w CSSie środkuje się za pomocą

[HTML] pobierz, plaintext 
margin:0 auto;
width:960px; // Twoja szerokość
[HTML] pobierz, plaintext 

dla elementu nadrzędnego (kontener, wrapper, jak to nazwiesz).

Pozdrawiam

[Czadus]

Zamiast korzystać z drugiego dołączonego stylu css, korzystam np. z takiego zapisu:

Kod

#test{
   margin: 20px 0px 20px 0px !important;
   margin: 10px 0px 10px 0px;
}

Ogólnie to tylko przykład.

[pedro84]

Zamiast korzystać z drugiego dołączonego stylu css, korzystam np. z takiego zapisu:

Kod

#test{
   margin: 20px 0px 20px 0px !important;
   margin: 10px 0px 10px 0px;
}

Ogólnie to tylko przykład.

Setki artykułów napisano już o tym, że lepiej jest używać osobny arkusz dla IE.

[Czadus]

Setki artykułów napisano już o tym, że lepiej jest używać osobny arkusz dla IE.

Jeżeli tak, to zwracam honor, przy okazji mogę poprosić o treść takiego artykułu??