IE vs Firefox

[wisnia80]

Witam,

Jak w tytule odwieczna walka z tandetnym ie - czy ktoś może mi pomóc i podpowiedzieć jak zmsić aby ie zachowywał sie tak samo jak firefox.

Poniżej kod oraz załącznik -porówanie z ff i ie.

Dzieki





.moduletablenav {
font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
height: 2em;
float:right;
margin-right:-2px;
margin-bottom:-1px;

}

.moduletablenav ul {
list-style: none;
margin: 0;
padding: 0;
}

.moduletablenav li {
float:right;
margin:0 0 0 1px;
background-color:#CC6666;
}

.moduletablenav a {
background-color:#CC6666;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
color: #fff;
margin:0 0 0 1px;
padding-right: 1em;
padding-left: 1em;
padding-top: 0.3em;
padding-bottom: 0.5em;
text-decoration: none;
float:left;
}

.moduletablenav a:hover {
text-decoration: none;
margin:0 0 0 1px;
background-color:#aad6a1;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
}

.moduletablenav li a:link,.moduletablenav li a:visited {
color: #fff;
margin:0 0 0 1px;
padding-right: 1em;
padding-left: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
background-color:#CC6666;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
}


.moduletablenav #active_menu {
background-color:#aad6a1;
}

[idek]

tutaj wyglada jakby było ok, a może byś musiał w divie, który jest nad divem moduletablenav wrzucić width (o ile nie ma) może IE nie wie względem czego ma być ten float:right... ?

[wisnia80]

tutaj wyglada jakby było ok, a może byś musiał w divie, który jest nad divem moduletablenav wrzucić width (o ile nie ma) może IE nie wie względem czego ma być ten float:right... ?

w divie jest width:960px - zapomniałem dopisac

[papugam]

Witam,

Widziałem szablony, w których css był pod ie a kolejny pod resztę i to robiło. Nigdy nie sprawdziłem jakie są różnice ale wtedy mi wszystko grało, Mozę warto poszukać takiego szablonu.

[ppilus]

Jeżeli już to najpierw przygotuj sobie css który będzie Ci poprawnie wyświetlał stronę w Operze, FF, Chrome a potem używając komentarzy warunkowych wczytaj kolejny css zawierający wpisy "poprawiające" wyświetlanie poszczególnych klas dla IE.
Zobacz sobie np. index.php szablonu beez dołączanego do standardowych paczek instalacyjnych Joomla!. Chwila analizy i wszystko jasne.