Positionierung im IE und FF unterschiedlich!

litterauspirna · 18.10.2008, 19:59

Guten all!

Und zwar habe ich ein Problem wo ich auch durch Google nicht wirklich hilfreiches gefunden habe. Ich habe im Header ein Linkmenü was ihr hier sehen könnt.
Tierheim Pirna

Dieses Menü wird im IE anders positioniert dargestellt wie im FF und Opera.

Meine CSS sieht so dazu aus.

Code:

#head_menu
{
width: 800px;
height: 30px;
background-image: url(grafiken/head_menu_bg.png);
}
 
/*
home link
*/
#home_link
{
float: left;
width: 100px;
height: 25px;
margin-left: 98px;
background-image: url(grafiken/head_link_a.png);
}
#home_link a 
{
background-image: url(grafiken/head_link_a.png);
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}
#home_link a:hover
{
background-image: url(grafiken/head_link_h.png);
display: block;
color: #000000;
height: 25px;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}
/*
header menu
*/
#head_menu_link
{
float: left;
width: 100px;
height: 25px;
margin-left: 2px;
background-image: url(grafiken/head_link_a.png);
}
#head_menu_link a 
{
background-image: url(grafiken/head_link_a.png);
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}
#head_menu_link a:hover
{
background-image: url(grafiken/head_link_h.png);
height: 25px;
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

Und so die Div Anordnung.

PHP-Code:

 
<div id="home_link">
 <a href="index.php">Home</a>
</div>
<?php
if(!logged_in())
{
 echo '<div id="head_menu_link">';
  echo '<a href="?site=user">Login</a>';
 echo '</div>';
}
else
{
 echo '<div id="head_menu_link">';
  echo '<a href="admin.php">Admin</a>';
 echo '</div>';
}
?>
<div id="head_menu_link">
 <a href="?site=gaestebuch">Gästebuch</a>
</div>
<div id="head_menu_link">
 <a href="?site=linklist">Links</a>
</div>
<div id="head_menu_link">
 <a href="?site=kontakte">Kontakte</a>
</div>

Und so rufe ich das Menu in der Index dann auf.

PHP-Code:

 
<div id="head_menu">
<?php include('menu.php'); ?>
</div>

Ich weis absolut nicht woran das liegen kann und habe auch eben nichts hilfreiches gefunden. Könnt ihr mir eventuell weiter helfen?

Viele Dank für eure Mühe mfg der litter

litterauspirna · 20.10.2008, 10:13

Hallo Leute.

Ich will nicht aufdringlich sein, aber nach 2 Tagen ohne Antwort dachte ich, ich frage noch mal nach ob da jemand einen Rat für mich hat.

Danke mfg der litter

nikosch · 20.10.2008, 10:17

Definitiv falsch ist schon mal, id="head_menu_link" mehrfach zu verwenden.

cycap · 20.10.2008, 10:19

Hab keinen IE, kanns also nicht nachvollziehen.

Manko10 · 20.10.2008, 10:34

@cycap: https://addons.mozilla.org/de/firefox/addon/6455
Das könnte auch funktionieren: https://addons.mozilla.org/de/firefox/addon/1429 und für den krönenden Abschluss: https://addons.mozilla.org/de/firefox/addon/8353

cycap · 20.10.2008, 10:36

Igitt, nein, ich will nicht...

Manko10 · 20.10.2008, 10:41

Das erste ist ganz praktisch für Leute, die keinen IE haben, aber dennoch im IE testen wollen/müssen.

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
DIV positionierung HILFE	FreAkaZoiD	HTML, Usability und Barrierefreiheit	3	19.04.2008 15:58
ie css problem mit absoluter positionierung	obi	HTML, Usability und Barrierefreiheit	6	10.05.2007 17:30
[curl] Größe unterschiedlich zum Original (copy() Problem)	betrazivis	PHP-Fortgeschrittene	5	23.10.2006 16:53
Größe der DIV-Boxen in IE und FireFox unterschiedlich groß.	Klaus	HTML, Usability und Barrierefreiheit	0	03.07.2006 17:53
CSS Positionierung, die in jedem browser funzt		HTML, Usability und Barrierefreiheit	2	20.12.2005 17:57
Positionierung im Listenfeld festlegen		HTML, Usability und Barrierefreiheit	1	23.11.2005 19:44
Bildausgabe unterschiedlich mit .htaccess		PHP Tipps 2005-2	10	26.10.2005 18:23
zentrierte Positionierung einer Seite bei höherer Auflösung		HTML, Usability und Barrierefreiheit	8	04.10.2005 12:35
CSS positionierung im DIV	JEGO	HTML, Usability und Barrierefreiheit	21	29.06.2005 14:25
Text ausgeben nur wenn der Schlüssel unterschiedlich is		PHP Tipps 2005	6	09.02.2005 11:05
2 Tabellen abfragen und dann variable unterschiedlich setzen	Anuschka	PHP Tipps 2004-2	2	22.12.2004 02:46
Farben bei foren Einträgen unterschiedlich	themonk	HTML, Usability und Barrierefreiheit	1	10.12.2004 15:55
List-style-type Positionierung der Bulletpoints		HTML, Usability und Barrierefreiheit	6	05.11.2004 14:10
Absolute Positionierung wird falsch dargestellt	DutziMan	HTML, Usability und Barrierefreiheit	8	07.09.2004 08:58
zeilen einer auslese-tabelle unterschiedlich hervorheben		Datenbanken	4	07.06.2004 00:41

18.10.2008, 19:59
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Positionierung im IE und FF unterschiedlich! Guten all! Und zwar habe ich ein Problem wo ich auch durch Google nicht wirklich hilfreiches gefunden habe. Ich habe im Header ein Linkmenü was ihr hier sehen könnt. Tierheim Pirna Dieses Menü wird im IE anders positioniert dargestellt wie im FF und Opera. Meine CSS sieht so dazu aus. Code: #head_menu { width: 800px; height: 30px; background-image: url(grafiken/head_menu_bg.png); } /* home link / #home_link { float: left; width: 100px; height: 25px; margin-left: 98px; background-image: url(grafiken/head_link_a.png); } #home_link a { background-image: url(grafiken/head_link_a.png); display: block; color: #000000; text-decoration: none; border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; } #home_link a:hover { background-image: url(grafiken/head_link_h.png); display: block; color: #000000; height: 25px; text-decoration: none; border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; } / header menu */ #head_menu_link { float: left; width: 100px; height: 25px; margin-left: 2px; background-image: url(grafiken/head_link_a.png); } #head_menu_link a { background-image: url(grafiken/head_link_a.png); display: block; color: #000000; text-decoration: none; border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; } #head_menu_link a:hover { background-image: url(grafiken/head_link_h.png); height: 25px; display: block; color: #000000; text-decoration: none; border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; } Und so die Div Anordnung. PHP-Code: <div id="home_link"> <a href="index.php">Home</a> </div> <?php if(!logged_in()) { echo '<div id="head_menu_link">'; echo '<a href="?site=user">Login</a>'; echo '</div>'; } else { echo '<div id="head_menu_link">'; echo '<a href="admin.php">Admin</a>'; echo '</div>'; } ?> <div id="head_menu_link"> <a href="?site=gaestebuch">Gästebuch</a> </div> <div id="head_menu_link"> <a href="?site=linklist">Links</a> </div> <div id="head_menu_link"> <a href="?site=kontakte">Kontakte</a> </div> Und so rufe ich das Menu in der Index dann auf. PHP-Code: `<div id="head_menu"> <?php include('menu.php'); ?> </div>` Ich weis absolut nicht woran das liegen kann und habe auch eben nichts hilfreiches gefunden. Könnt ihr mir eventuell weiter helfen? Viele Dank für eure Mühe mfg der litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


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

20.10.2008, 10:13
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Hallo Leute. Ich will nicht aufdringlich sein, aber nach 2 Tagen ohne Antwort dachte ich, ich frage noch mal nach ob da jemand einen Rat für mich hat. Danke mfg der litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de

20.10.2008, 10:17
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Definitiv falsch ist schon mal, id="head_menu_link" mehrfach zu verwenden. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

20.10.2008, 10:19
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Hab keinen IE, kanns also nicht nachvollziehen.

20.10.2008, 10:34
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	@cycap: https://addons.mozilla.org/de/firefox/addon/6455 Das könnte auch funktionieren: https://addons.mozilla.org/de/firefox/addon/1429 und für den krönenden Abschluss: https://addons.mozilla.org/de/firefox/addon/8353 __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

20.10.2008, 10:36
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Igitt, nein, ich will nicht...

20.10.2008, 10:41
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Das erste ist ganz praktisch für Leute, die keinen IE haben, aber dennoch im IE testen wollen/müssen. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”