zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Menü geht im IE nicht wie im Mozilla

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.05.2009, 23:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.10.2008
Beiträge: 16
mamoe befindet sich auf einem aufstrebenden Ast
Unglücklich Menü geht im IE nicht wie im Mozilla

Ich hab ein drobdownmenü, welches im Firefox wunderbar funktioniert, allerdings klappt es im IE 7 nicht auf (in anderen IE hab ich es nicht probiert).
was mache ich falsch

html:
HTML-Code:
<div id="menue">

<ul id="navlist">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li id="active"><a href="#" id="current">4</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">4.1</a></li>
<li><a href="#">4.2</a></li>
<li><a href="#">4.3</a></li>
<li><a href="#">4.4</a></li>
</ul>
</li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
</ul>
</div>
die dazugehörige css:
HTML-Code:
ul#navlist { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

ul#navlist a
{
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #fff;
background-color: #000;
padding: 2px;
padding-left:12px;
padding-right:12px;
border: 0px;
}

ul#navlist li a:hover
{
color: #fece00;
background-color: #000;
}

ul#navlist li a:active
{
color: #fff;
background-color: #000;
border: 0px;
}

ul#subnavlist { display: none; }
ul#subnavlist li { 
float: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:0px;
}

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 12pt;
padding-top: 0px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
border: none;
padding-left: 12px;
width: 11em;
padding-top:3px;
padding-bottom:1px;
}
Bitte helft mir, weiß nicht mehr weiter
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.05.2009, 11:54
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Vielleicht liegt es am Quirks Mode.
DOCTYPE-Switch und seine Auswirkungen

Im Standards Mode klappt es im IE7 aus.
__________________
MfG
Jens
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.05.2009, 13:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.10.2008
Beiträge: 16
mamoe befindet sich auf einem aufstrebenden Ast
Standard

SUPER

das klappt erstmal, ABER leider nur teilweise

das menü im Firefox sieht super aus, aber im IE klappt es zwar senkrecht aus, aber rechts neben dem Überpunkt:



Wie bekomme ich es noch unter den Hauptpunkt?
Mit Zitat antworten
  #4 (permalink)  
Alt 27.05.2009, 15:12
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Im IE<8 sind die absolute positionierten Elemente nicht immer da wo sie mit position: static stehen würden.

Gebe die Position mit left: 0 an.
Und dem Elternelement position: relative;
Code:
ul#navlist li:hover ul#subnavlist {
left: 0;
}

ul#navlist li {
 position: relative;
 }
Die vertikale Position passt wenn du a display: block gibst.
(ul#navlist li a)
__________________
MfG
Jens
Mit Zitat antworten
  #5 (permalink)  
Alt 27.05.2009, 17:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.10.2008
Beiträge: 16
mamoe befindet sich auf einem aufstrebenden Ast
Standard

SUPER

1000 Dank


kann leider nicht mehr machen als dich zu bewerten..
Mit Zitat antworten
  #6 (permalink)  
Alt 27.05.2009, 18:13
Benutzer
neuer user
 
Registriert seit: 18.11.2008
Beiträge: 32
online befindet sich auf einem aufstrebenden Ast
Standard

Könntest Du Bitte jetzt den ganzen funktionierenden CODE posten?
Mit Zitat antworten
  #7 (permalink)  
Alt 27.05.2009, 20:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.10.2008
Beiträge: 16
mamoe befindet sich auf einem aufstrebenden Ast
Standard

css:
HTML-Code:
ul#navlist { 
font-family:Verdana, Arial, Helvetica, sans-serif;
 }

ul#navlist a
{
text-decoration: none;
font-weight:bold;
font-size:11px;
border: 0px;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
border: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left;
padding: 0px;
border: 0px;
position:relative;
}

ul#navlist li a
{
color: #fff;
background-image:url(images/bgmenue.png);
background-repeat:repeat;
padding: 2px;
padding-left:10px;
padding-right:10px;
border: 0px;
}

ul#navlist li a:hover
{
color: #fece00;
background-image:url(images/bgmenue.png);
background-repeat:repeat;

border: 0px;
}

ul#navlist li a:active
{
color: #fff;
background-image:url(images/bgmenue.png);
background-repeat:repeat;

border: 0px;
}

ul#subnavlist { display: none; }
ul#subnavlist li { 
float: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:0px;
border: 0px;;
position:absolute;
}

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
border: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
left:0;
position:relative;
font-size: 11pt;
padding-top: 0px;
border: 0px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
border: none;
padding-left: 10px;
width: 11em;
padding-top:5px;
padding-bottom:3px;
}
die html hab ich dann so geändert:
HTML-Code:
<div id="menue">

<ul id="navlist">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li id="active"><a href="#" id="current">4</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent" style="margin-top:65px">4.1</a></li>
<li><a href="#" style="margin-top:44px">4.2</a></li>
<li><a href="#" style="margin-top:23px">4.3</a></li>
<li><a href="#">4.4</a></li>
</ul>
</li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
</ul>
</div>
Mit Zitat antworten
  #8 (permalink)  
Alt 28.05.2009, 01:37
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Zitat:
Zitat von plastiko Beitrag anzeigen
Die vertikale Position passt wenn du a display: block gibst.
(ul#navlist li a)
Das ist bestimmt nicht immer so.
Es funktioniert aber in diesem Beispiel.

Das ist verkehrt umgesetzt:
Code:
ul#subnavlist li { 
...
position:absolute;
}
__________________
MfG
Jens

Geändert von plastiko (28.05.2009 um 13:55 Uhr)
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
Darstellungsproblem flohpapa CSS 3 16.12.2009 09:55
Umbruch in einem LI bei horizontalem Menü M4rco CSS 12 13.10.2006 12:26
Navigation - Menü T.S. CSS 6 18.02.2006 19:49
menue verschiebt content im ff / mozilla & ie funzt / va umdre CSS 3 02.03.2005 17:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:03 Uhr.