|
|||
Unerklärliches Verhalten im IE6
Diese Probleme wurden schon behoben, weitere siehe unten!
Hallo, hab ein kleines Problem mit meiner Navigation und unterschiedlichen Abständen vom IE7 und Firefox. Hab mal 2 Screenies angehängt um das zu verdeutlichen: Firefox IE 7 Der Code ist folgender: Code:
#mainnav { margin: 12px 0px 0px 0px; padding: 0px; list-style-type: none; float: left; width: 140px; } #mainnav li { margin: 0px; padding: 5px 0px 0px 0px; } #mainnav li a, #mainnav li a:active, #mainnav li a:visited { padding: 0px 0px 0px 2px; font-size: 10px; display: block; color: #FFF; text-transform: uppercase; text-decoration: none; font-weight: normal; } Geändert von killray (24.09.2007 um 15:56 Uhr) Grund: Geändertes Problem |
Sponsored Links |
|
||||
Zum IE 6 siehe mein FAQ-Beitrag.
Zum weiteren Selber-Testen mit dem IE 6: Install multiple versions of IE on your PC | TredoSoft PS: Zur Behebung der unterschiedlichen Abstände vergib line-height, ansonsten werden die default-Werte angewandt, die unterschiedlich sein können (wie man hier sieht). Außerdem wirf height raus (siehe FX-Textvergr.). Geändert von heiko_rs (23.09.2007 um 21:35 Uhr) |
Sponsored Links |
|
|||
Ich hasse den IE *g*. Also der 7er schaut etz gut aus.
Aber, etz halt noch der IE6. Fragen: 1. Warum wird bei folgendem Code die Schrift der Unternavi nicht richtig formatiert? 2. Woher kommt der grüne Strich auf der Seite? Code:
#style-header { margin: 0 auto; padding: 18px 22px 0px 20px; text-align: left; width: 770px; height: 200px; background: url(../img/header_bg.png) no-repeat; text-align: left; } #style-navigation { margin: 0 auto; padding: 5px 0px 0px 32px; text-align: left; width: 780px; height: 108px; background: #92C221 url(../img/navigation_bg.png) no-repeat; clear: left; text-align: left; } #mainnav { margin: 13px 0px 0px 0px; padding: 0px; list-style-type: none; float: left; width: 140px; } #mainnav li { padding: 5px 0px 0px 0px; height: 1px; line-height: 10px; } #mainnav li a, #mainnav li a:active, #mainnav li a:visited { padding: 0px 0px 0px 2px; font-size: 10px; display: block; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-weight: normal; } #mainnav li a:hover { background: #8FB926; } #mainnav li#active a, #mainnav li#active a:active, #mainnav li#active a:visited { padding: 0px 0px 0px 2px; font-size: 10px; display: block; color: #FFFFFF; text-transform: uppercase; text-decoration: underline; font-weight: normal; } .subnav { margin: 30px 0px 0px 0px; padding: 0px; list-style-type: none; float: left; width: 140px; } .subnav li { padding: 5px 0px 0px 10px; height: 1px; line-height: 10px; } .subnav li a, #subnav li a:visited, #subnav li a:active { padding-left: 2px; font-size: 10px; display: block; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-weight: normal; } .subnav li a:hover { background: #8FB926; } .subnav li#active-sub a, #subnav li#active-sub a:visited, #subnav li#active-sub a:active { padding-left: 2px; font-size: 10px; display: block; color: #FFFFFF; text-transform: uppercase; text-decoration: underline; font-weight: normal; } Geändert von killray (24.09.2007 um 15:55 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Floating Caption Firefox vs IE7 | spade | CSS | 2 | 15.08.2009 01:20 |
Unterschiedliche Menüdarstellung IE7 und FireFox | hermarcar | CSS | 8 | 12.05.2009 18:42 |
Margin IE7 und Firefox unterschiedlich | torkel | CSS | 5 | 02.02.2009 14:25 |
Unterschiedliche Layoutansicht bei IE7 und Firefox | fossy | (X)HTML | 2 | 21.10.2008 16:02 |
Abstände im IE7 und Firefox HILFE bitte | express | CSS | 0 | 03.05.2008 17:36 |