|
|||
float problem bei listen im handy
hallo, ich habe ein problem mit den floats bei meinen <ul></ul>, wenn ich meine seite mit meinem handy anschaue. das ganze sehe ich mit dem IE von windows mobile 6.
alle anderen floats funktionieren, nur eben nicht die floats in den Listen. hier mein code: Code:
ul#Navigation { margin:0; padding:0; text-align: center; } ul#Navigation li { list-style: none; float:left; margin:0; padding: 0; position: relative; width:20%; } ... Code:
#footer { border-bottom:5px solid #6e99bf; border-top:1px solid #6e99bf; font-size:0.95em; padding:2px 0 2px 0; text-align:center; color:#02689b; } #footer ul { margin:0; padding:0; list-style-type:none; text-align:center; } #footer ul li { border-left:1px solid #f4f4f4; display:inline; padding:2px 5px; } #footer ul li#first { border-left:none; } ... EDIT: im opera mini wird alles prima und normal angezeigt. typisch wiedermal der IE, egal ob PC oder handy, er macht immer probleme *tzzzzz Geändert von brauni54 (17.09.2008 um 14:47 Uhr) |
Sponsored Links |
|
|||
so ich hab einfach mal meine navi verändert, also einen div um die navi namens #Navi und UL ist gleich #Navilist, und so geht es auch via handy im IE:
Code:
#Navi { width:835px; margin:0;padding:4px 0 0 0; background-color:transparent; color:#FFF; float:left; } #Navi ul { margin:0; padding:0; list-style-type:none; } #Navi ul li { display:inline; padding:2px 2px; } #Navilist li a { text-decoration:none; } #Navilist li a:link , #Navilist a:visited { color:#FFF; background-color:transparent; font-weight:bold; } #Navilist li a:hover { color:silver; background-color:transparent; } |
Sponsored Links |
|
|||
Für den Fall des jemand ebenfalls stutzig wird, dass seine Website auf einem Handy, angesehen mit dem Internet Explorer (bei mir Windows Mobile 6), komisch aussieht...
Bei mir lag es daran, dass ich meine Navilinks mit display: block; versehen habe. Der IE auf dem Handy ordnet dann die Links fälschlicherweise trotz float untereinander an. Also wenn ihr auf display: block verzichten könnt dann nehmt es raus. Dann sieht eure Seite auch auf einem Handy ordentlich aus. Ich brauche display:block gerade auf dieser Seite wegen dem MouseOver Effekt per CSS. Damit ist das komplette <li></li> als Link klickbar und nicht nur der Text als Link. Sieht halt schöner aus So dann mal gutes Nächtle... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Problem - Finde den Fehler nicht... | expou | CSS | 4 | 27.04.2011 13:31 |
float Problem? Div "wächst" nicht mit inhalt mit. | Garlandt | CSS | 2 | 11.04.2011 16:02 |
Testcase: float, overflow: hidden; und alte Geckos... | heiko_rs | CSS | 0 | 19.11.2007 22:26 |
Problem mit div (float) | Sp33dy G0nz4l3s | CSS | 2 | 29.05.2006 20:13 |
Problem mit float | CSSNoobie | CSS | 2 | 07.05.2006 01:10 |