[css] roznice miedzy IE i FF - menu oraz wysokosc kolumn Opcje

[mrok]

Witam

Pierwszy raz postanowiłem zrobić coś całkowicie na div-ach (zamiast table), niestety pojawiają się pewne róznice między ie i ff, których nie potrafie wyeliminować. Konkretnie problem mam z pozycja menu (chcialbym je bardziej z lewej) oraz wypoziomowaniem trasci w ie (dlaczego "treść" jest pod menu)

(IMG:http://student.agh.edu.pl/~twarog/test/niewyrzucac/ie.jpg) ie
__________________________________________________________________
(IMG:http://student.agh.edu.pl/~twarog/test/niewyrzucac/operaandff.jpg) opera i ff


To moję początki z css dlatego kazda wskazówka jest dla mnie cenna. nawet fachowe "nazwanie" problemu abym mógł szukać.

EDIT!!! skasowałem stąd linki do zródeł, aby za jakiś czas nie odsyłało w niebyt (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował mrok 28.07.2007, 23:50:33

[RaNdaLLHD]

Pewne różnice zawsze będą. Nigdy nie uda Ci się do końca tego wyeliminować. Dlatego dobrze jest najpierw wykryć jakiej przeglądarki używa osoba która nas odwiedza a następnie załadować określony styl dla tej przeglądarki. Życie byłoby zbyt proste jakby wszystkie przeglądarki interpretowały kod tak samo. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[sticker]

@mrok zwróć uwage na paddingi i marginy tam leży problem pewnie , ponadto text-intend w liście też może być bez winy tu masz przykład podobnego menu wraz z tutorialem http://css.maxdesign.com.au/listamatic/vertical10.htm

@RaNdaLLHD różnice są ale da sie z nimi poradzić w jednym arkuszu styli tak by nie trzeba było robić kilku, ale oczywiście to co napisaleś jest dużo prostsze

[mrok]

Dziękuje bardzo za pomoc

Faktycznie problem był z szerokoscia diva. IE do szerokości zalicza tez padding i margin co powodowalo ze "kontener" byl za waski dla obywdu kolumn.

odnosnie menu to wystarczylo dodac padding-left:1em; do #menu ul - u mnie teraz wyglada to tak

[HTML] pobierz, plaintext 
#menu ul {
	margin: 0;
	padding-left:1em;
	border: 1px solid red;
	list-style: none;
	line-height: normal;
}
[HTML] pobierz, plaintext 

i jest oki

jeszcze raz dziekuje