Darstellung Ebenen im IE / Firefox

**drplopp** · 25.02.2010, 14:23

Hallo,
habe mit GoLive Ebenen erstellt, in denen ein Text erscheint wenn ich per mouseover über einen Button gehe.
Grundsätzlich funktionierts, aber die Darstellung im IE und Firefox sind unterschiedlich.
Habe da jetzt stundenlang rumgefummelt, aber wenn es in dem einen passt, passt es im anderen nicht.
Habe es jetzt aufgegeben und hoffe auf einen kleinen Tipp.
Hier ist der Link:
http://www.seeleklara.de/leseproben.html
Fährt man im IE über den Leseprobe1-Button, dann passt dass ( bis auf ein paar Pixels ) einigermaßen.
Der Text soll innerhalb des Hintergrundbildes ( das alte Stück Papier ) erscheinen.
Schaut man sich das Ganze im Firefox an, dann passt da garnix.
Wie kriege ich das gebacken, dass es in beiden Browsern passt?
Die anderen Leseproben könnt ihr Euch sparen, da habe ich noch nicht herumgedoktort.

Noch was:
Selbe Seite, ganz unten brauner Balken wo Kontakt und Impressum steht.
Im IE wird er korrekt angezeigt ( 23pixel hoch ) im Firefox ist er wesentlich höher.
Habe alles gecheckt und absolut keine Ahnung was da passiert.

Würde mich auf Euer Feedback freuen.

**drplopp** · 02.03.2010, 15:23

hmmmm .... kann mir keiner helfen?

**jayjay** · 02.03.2010, 16:36

bringt dich sowas weiter?

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
* {
    padding:0;
    margin:0;
}
#wrap {
    width:780px;
    margin:10px auto;
}
#menu {
    background-color:#999999;
    width:180px;
    float:left;
}
#menu ul {
    list-style:none;
}
#menu li {
}
#menu a {
    line-height:25px;
    display:block;
}

#content {
    width:580px;
    padding:10px;
    float:right;
}
#t1, #t2, #t3 {
    visibility:hidden;
    position:absolute;
}

-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div id="wrap">
    <div id="menu">
        <ul>
            <li><a href="#" onmouseover="MM_showHideLayers('t1','','show','t2','','hide','t3','','hide')">menu1</a></li>
            <li><a href="#" onmouseover="MM_showHideLayers('t1','','hide','t2','','show','t3','','hide')">menu2</a></li>
            <li><a href="#" onmouseover="MM_showHideLayers('t1','','hide','t2','','hide','t3','','show')">menu3</a></li>
        </ul>
    </div>
    <div id="content">
        <div id="t1">text1</div>
        <div id="t2">text2</div>
        <div id="t3">text3</div>
    </div>
</div>
</body>
</html>

**UweB** · 03.03.2010, 12:23

Hallo drplopp,
du legst für #LP1 den Abstand nach oben und unten, bzw. rechts und links fest.
Ich vermute mal, dass sich jeder Browser da aussucht, was er nimmt.
Insgesamt ist die Fehlersuche in deinem Quelltext ( Tabellen und DIVs, gemischt mit GoLive-Aktionen ) leider etwas schwer.

Gruß
Uwe

Gruß
Uwe

**jayjay** · 03.03.2010, 13:55

@uwe, daher meine div-variante

zur Startseite vom TP

Thema: Darstellung Ebenen im IE / Firefox

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Darstellung Ebenen im IE / Firefox

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

[CSS] fehlerhafte Firefox-Darstellung

Darstellung IE und Firefox

[CSS] Probleme in der Darstellung IE - Firefox

Probleme bei Darstellung mit Firefox

Probleme mit Firefox darstellung

Aktive Benutzer

Aktive Benutzer

Berechtigungen