Nagłówek + 2 kolumny: lewa i prawa. Czy tylko IE? Opcje

[MartioL]

Zaprojektowałem swoją pierwszą stronę przy użyciu DIV. Całkowicie odszedłem
od dotychczasowego mojego sposobu przy użyciu tabel i zaprojektowałem z
wykorzystaniem DIV oraz stylów CSS.

Strona w Ie wygląda super, ale w pozostałych przeglądarkach rozjeźdza się. Tzn. każda rubryka ma inną szerokość (chociaż ustawiłem width: x), a prawa jest zamiast prze lewewj, to pod lewą (ustawiłem: float: left i right)!

Najgorsze to to, że nie mam pojęcia dlaczego tak jest! Mam ogromną prośbę. Czy może ktoś sprawdzić co jest nie tak w kodzie (stylach) i napisac o tym w tym poście?

Oto adres tej strony: http://3CITY.info.pl

[Dravo]

Nie udziele bezpośredniej odpowiedzi, ponieważ nie mam zbyt wiele czasu.
Jednak polecam serwis A List Apart. Jest tam wiele artykułów traktujących o tworzeniu desingów z użyciem standardów. Mógłbyś rozwiązać problem choćby poprzez użycie negatywnych ( ujemnych ) marginesów.

[Ozzy]

Tak tylko zgaduje: może pomógłby box model hack ?
Poza tym polecam sprawdzanie pod firefoxem, a nie pod IE.
Do IE to można co najwyżej dostosować (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Edit:
Zerknąłem na kod, i co?....i zonk:

Kod

"-//W3C//DTD HTML 4.01 Transitional//EN">

Myslę, że od tej linijki powinieneś zacząć zabawę z divami:)

Ten post edytował Ozzy 11.02.2005, 23:04:39

[Volume]

Najlepie rób wg najnowszych standardów czyli obecnie to XHTML 1.1.
Jak chcesz to TU masz podobny do twojego uklad.
Ale pamietaj, ze IE border interpretuje wewnątrz elemntu a pozostale znane mi przeglądarki na zewnątrz (dlatego takie hacki), rownie roznie sparwa sie ma co do marginesow i paddingow - dlatego dobrze jak bedziesz wszedzie (czyli przede wszystkim w srod tagow juz z jakimiś wlaściwościami np. <p>, <ul> <li> itp.) je uwzgledniał, z tąd wlasnie moga wystepowac te przesuniecia na twojej stronie.

[Strus]

Najlepie rób wg najnowszych standardów czyli obecnie to XHTML 1.1.

Obecnie zalecany jest 1.0 a nie 1.1 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[dr_bonzo]

Martiol
Pisalem ci juz w poprzednim poscie o tej stronie: zastosuj najpierw prawidlowy DOTYPE -- musi byc z urlem. Potem wszystkie przegladarki powinny (nie wiem jak IE) traktowac DIV w ten sam sposob (dodawac padding na zewnatrz contentu).

[Volume]

Obecnie zalecany jest 1.0 a nie 1.1

Dlaczego i kto tak powiedział?

[Strus]

Obecnie zalecany jest 1.0 a nie 1.1

Dlaczego i kto tak powiedział?

No jak to kto? Ten kto to wymyślił spisał i się tym zajmuje i wyznacza standardy, czyli Consortium W3 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

http://www.w3.org/MarkUp/#recommendations

[Volume]

Ok dzieki za istotne info, nie wiedizałem o tym.

[Strus]

Ok dzieki za istotne info, nie wiedizałem o tym.

(IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Jakiś miły człowiek przetłumaczył to na polski http://mig.webpark.pl/
i tu jeszcze coś fajnego http://xhtml.b7.pl/