zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden float problem bei listen im handy

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.09.2008, 14:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.11.2007
Beiträge: 21
brauni54 befindet sich auf einem aufstrebenden Ast
Standard 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%;
}
...
die navigation im footer, funktioniert dagegen:
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; 
} 
...
hat vielleicht jemand eine idee woran es liegen könnte?

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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.09.2008, 16:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.11.2007
Beiträge: 21
brauni54 befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.09.2008, 03:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.11.2007
Beiträge: 21
brauni54 befindet sich auf einem aufstrebenden Ast
Standard

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...
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:05 Uhr.