Probleme mit Menü im IE

marsel martin · 05.05.2010, 08:11

Hallo

Ich habe ein Navigationsmenü unterhalb vom Header.
Im Firefox sitzt es perfekt, nur im IE ist es verschoben
die css

HTML-Code:

#navi {
position:absolute;
left:205px; 
z-index:10;
}


#nav_buttons {
    position:fixed;    
    top:150;

    left:255px;
    margin:0 auto;
        float: left;
    width:100%;
    height:24px;
    list-style-type:none;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
    color:white;
    z-index:10;
}

#nav_buttons a {
    background-image:url(pic/button.png);
    width:100px;
    height:30px;
    margin-left: 20px;
    display:block;
    background-repeat:no-repeat;
    text-decoration:none;
    padding-top: 7px;
    text-align:center;
}

#nav_buttons a:hover {
    background-image:url(pic/button2.png);
    text-decoration:underline;
}
#nav_buttons li {float: left;}

PHP-Code:

 
<html>
<head>
<?php require "admin/config.php"; ?>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<br>
<div id="navi">
<ul id="nav_buttons" ><center>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="impressum.php">Impressum</a></li>
                    <li><a href="ueberuns.php">Über Uns</a></li>
                    <li><a href="mailto:<? echo $email; ?>">Kontakt</a></li>
                </ul>
</div>
</body>
</html>

Bitte nicht schreien^^

Bin Anfänger^^

Ramona86 · 05.05.2010, 08:43

Ja, leider interpretiert der IE einige CSS-Befehle nicht genauso wie der Firefox.
Deshalb schau dir doch mal das hier an: Conditional Comments – Wikipedia
Das wird dir helfen.
Du müsstest dann halt für den Internet Explorer dein CSS nochmal gesondert anpassen.

Gruß
Ramona

EDIT: Mal davon abgesehen... ich glaube in diese Kategorie gehört das nicht rein. Mit PHP hat das nämlich rein gar nichts zu tun.

nikosch · 05.05.2010, 14:12

Richtig. Und Code gehört in bbCode. Habe das ausnahmsweise mal korrigiert.

[MOD: verschoben]

nikosch · 05.05.2010, 14:17

<center> im <ul> ist schon mal ungültig. Für das Dokument solltest DU einen Doctype definieren.
position:fixed; wird IMHO vom IE nicht verarbeitet. Benutze besser eine normale Positionierung und viell. margin-top o.ä.

rudygotya · 05.05.2010, 21:06

Soweit ich weiss, kann nur der ie6 kein position:fixed, Versionen ab 7 kommen damit zurecht. Angabe aber ohne Gewähr.

marsel martin · 05.06.2010, 09:14

Zitat:

Zitat von marsel martin

Hallo

Ich habe ein Navigationsmenü unterhalb vom Header.
Im Firefox sitzt es perfekt, nur im IE ist es verschoben
die css
Guest Center

HTML-Code:

#navi {
position:absolute;
left:205px; 
z-index:10;
}


#nav_buttons {
    position:fixed;    
    top:150;
[url=http://www.zimmerfinder.co.il/t/185-/]Profil Kabinen[/url] 

    left:255px;
    margin:0 auto;
        float: left;
    width:100%;
    height:24px;
    list-style-type:none;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
    color:white;
    z-index:10;
}[url=http://www.ripeoea.org/]Poker Online Strategie[/url]


#nav_buttons a {
    background-image:url(pic/button.png);
    width:100px;
    height:30px;
    margin-left: 20px;
    display:block;
    background-repeat:no-repeat;
    text-decoration:none;
    padding-top: 7px;
    text-align:center;
}

#nav_buttons a:hover {
    background-image:url(pic/button2.png);
    text-decoration:underline;
}
#nav_buttons li {float: left;}

PHP-Code:

 
<html>

<head> [url=http://www.ripeoea.org/2009/12/poker-psychologie/]Poker psychologie[/url]

 
<?php require "admin/config.php"; ?>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

 
<body>

<br>

<div id="navi">

<ul id="nav_buttons" ><center>

                    <li><a href="index.php">Home</a></li>

                    <li><a href="impressum.php">Impressum</a></li>

                    <li><a href="ueberuns.php">Über Uns</a></li>

                    <li><a href="mailto:<? echo $email; ?>">Kontakt</a></li>

                </ul>

</div>

</body>

</html>

Bitte nicht schreien^^

Bin Anfänger^^

ChrisB · 05.06.2010, 16:45

Kannst du bitte mal vernünftig posten?
Wofür zitierst du dein komplettes Eingangsposting noch mal?
Soll http://www.zimmerfinder.co.il/ die Seite sein, um die es geht?
Wenn ja, dann fang mit dem Validieren des HTML an.

mquadrat · 09.06.2010, 10:40

Von welchem IE reden wir überhaupt? 6 und 8 unterscheiden sich ja schon um einiges. Eine Browserweiche wird man für das simple konstrukt wohl eher nicht brauchen.

Als grobe Grundregel:
Wenn es im IE 6 stimmen soll, nie width bzw. height zusammen mit padding, margin oder border benutzen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] IE Quirks Modus und Menu	chunky	HTML, Usability und Barrierefreiheit	9	10.02.2010 16:27
PHP Pulldown / Dropdown menu	djsky	PHP Tipps 2009	11	29.11.2009 21:09
menu in einer xhtml seite	stripes	PHP Tipps 2009	31	04.01.2009 14:26
Probleme mit Menü im IE	haufe	PHP Tipps 2009	3	03.01.2009 19:20
horizontales Menü	Fritz73	Scriptbörse	9	26.05.2008 22:26
Probleme mit Auswahlliste (Popup Menü)	Cyrus	HTML, Usability und Barrierefreiheit	1	30.10.2005 15:47
wie gehts schöner/besser?	AliceD	HTML, Usability und Barrierefreiheit	1	06.09.2005 08:59
Menü aus MySQL Datenbank ausgelesen		PHP Tipps 2005	9	02.06.2005 17:11
PHP Menu mit 2 untermenus		PHP Tipps 2005	3	23.05.2005 00:04
Menü auf php-Seite		PHP Tipps 2005	20	01.02.2005 20:24
konqueror hat Probleme mit JS Menü		HTML, Usability und Barrierefreiheit	3	07.11.2004 21:16
Menü Links tauschen		PHP Tipps 2004	14	03.09.2004 09:17
[Erledigt] PopDown Menü fast fertig!!		HTML, Usability und Barrierefreiheit	3	27.07.2004 00:11
Probleme mit Navigationsmenü		PHP Tipps 2004	10	17.07.2004 11:53

05.05.2010, 08:11
marsel martin Gesperrt Registriert seit: 05.05.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	Probleme mit Menü im IE Hallo Ich habe ein Navigationsmenü unterhalb vom Header. Im Firefox sitzt es perfekt, nur im IE ist es verschoben die css HTML-Code: #navi { position:absolute; left:205px; z-index:10; } #nav_buttons { position:fixed; top:150; left:255px; margin:0 auto; float: left; width:100%; height:24px; list-style-type:none; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:white; z-index:10; } #nav_buttons a { background-image:url(pic/button.png); width:100px; height:30px; margin-left: 20px; display:block; background-repeat:no-repeat; text-decoration:none; padding-top: 7px; text-align:center; } #nav_buttons a:hover { background-image:url(pic/button2.png); text-decoration:underline; } #nav_buttons li {float: left;} PHP-Code: <html> <head> <?php require "admin/config.php"; ?> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <br> <div id="navi"> <ul id="nav_buttons" ><center> <li><a href="index.php">Home</a></li> <li><a href="impressum.php">Impressum</a></li> <li><a href="ueberuns.php">Über Uns</a></li> <li><a href="mailto:<? echo $email; ?>">Kontakt</a></li> </ul> </div> </body> </html> Bitte nicht schreien^^ Bin Anfänger^^ Geändert von nikosch (05.05.2010 um 14:14 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.05.2010, 08:43
Ramona86 Erfahrener Benutzer Registriert seit: 11.07.2008 Beiträge: 121 PHP-Kenntnisse: Anfänger	Ja, leider interpretiert der IE einige CSS-Befehle nicht genauso wie der Firefox. Deshalb schau dir doch mal das hier an: Conditional Comments – Wikipedia Das wird dir helfen. Du müsstest dann halt für den Internet Explorer dein CSS nochmal gesondert anpassen. Gruß Ramona EDIT: Mal davon abgesehen... ich glaube in diese Kategorie gehört das nicht rein. Mit PHP hat das nämlich rein gar nichts zu tun. __________________ Am Ende wird alles gut! Wenn es nicht gut ist, ist es noch nicht das Ende. Geändert von Ramona86 (05.05.2010 um 13:07 Uhr).

05.05.2010, 14:12
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Richtig. Und Code gehört in bbCode. Habe das ausnahmsweise mal korrigiert. [MOD: verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.05.2010, 14:17
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	<center> im <ul> ist schon mal ungültig. Für das Dokument solltest DU einen Doctype definieren. position:fixed; wird IMHO vom IE nicht verarbeitet. Benutze besser eine normale Positionierung und viell. margin-top o.ä. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.05.2010, 21:06
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Soweit ich weiss, kann nur der ie6 kein position:fixed, Versionen ab 7 kommen damit zurecht. Angabe aber ohne Gewähr. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

05.06.2010, 16:45
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Kannst du bitte mal vernünftig posten? Wofür zitierst du dein komplettes Eingangsposting noch mal? Soll http://www.zimmerfinder.co.il/ die Seite sein, um die es geht? Wenn ja, dann fang mit dem Validieren des HTML an. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

09.06.2010, 10:40
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Von welchem IE reden wir überhaupt? 6 und 8 unterscheiden sich ja schon um einiges. Eine Browserweiche wird man für das simple konstrukt wohl eher nicht brauchen. Als grobe Grundregel: Wenn es im IE 6 stimmen soll, nie width bzw. height zusammen mit padding, margin oder border benutzen. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de