GoldenLine
Zaloguj się

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Witam.
Mam problemik - ucze sie wlasnie pracy z CSS i divami, w polaczeniu z menu w JavaScripcie. Stronka laduje sie nawet mozliwie, ale jesli ktos otworzy ja w malym oknie i potem powiekrzy okno - menu ustawia sie automatycznie po lewej stronie. Po odswiezeniu strony, lub nacisnieciu jakiegokolwiek linka jest juz w porzadku. (Strona zaladowuje sie wtedy normalnie.) W czym problem? Jak zgrac wszystkie divy z menu, zeby sie elegancko srodkowaly?
Dostep do stronki: http://www.sundaymeal.com
Dzieki za pomoc!
Jo
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Warto dodać, że dzieje się to w IE ;) Najlepiej wszystkie divy główne - jak nagłówek, nawigacja, sekcja główna, stopka - objąć zbiorczym divem o stałej szerokości i tylko ten div wyśrodkować w oknie przeglądarki. Reszta będzie sztywno ułożona w środku - najlepiej to zobaczyć na przykładzie...
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Dzieki serdeczne, popracuje nad tym!
Jo
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Oczywiście. Jeden div z ustawionym margin: 0 auto i text-align: center, obejmujący całą stronę. Text-align musi być, bo w IE 6 się nie wyśrodkuje.
Link do wypowiedziLink
Arkadiusz Oleksy

Arkadiusz Oleksy Student, Warszawska
Wyższa Szkoła
Informatyki

Temat: CSS / xHTML / JavaScript - Dylematy

Marcin Włosiński:Text-align musi być, bo w IE 6 się nie wyśrodkuje.

wyśrodkuje się, dopóki IE nie wejdzie w quirks mode
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Mi się jakoś nigdy nie środkowało bez tego, dlatego wolę być ubezpieczony.
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Warto dla body nadać width oraz margin: 0 auto; wtedy żaden element na stronie nie rozjedzie Ci sie bardziej niż body.Rafał Dudziński edytował(a) ten post dnia 18.06.08 o godzinie 17:41
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Jak już musi być width a body, to polecam zrobic tak :

<body>
<div id="container">

#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

i po sprawie
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

jeśli dodaje się takie cudactwa to polecam umieścić to w pliku np. ie6.css, a w nagłówku

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

Ogólnie używanie powyzszego kodu opóxnia ładowanie strony.
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Tomasz J.:
jeśli dodaje się takie cudactwa ...

a masz lepszy pomysl ??
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->


jak najbardziej sie zgadzam
Link do wypowiedziLink

konto usunięte

Temat: CSS / xHTML / JavaScript - Dylematy

Sorry pojechałem hurtem :P

#container
{
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

i powyższe w ie6.css.

Jest jeszcze skrypt w sieci, który ratuje sytuację, jednak używanie go czasem bywa kłopotliwe.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

XHTML, CSS, JavaScript?




Wyślij zaproszenie do
Anuluj