Darstellungsproblem IE und Mozilla Firefox

Status
Nicht offen für weitere Antworten.

mitchp

Grünschnabel
Hallo,

habe eine Seite, bei der die Darstellung im Firefox leider nicht korrekt funktioniert. Beim IE klappt alles. Ich vermute, es ist ein CSS-Problem, aber leider konnte ich den Fehler bis heute nicht beheben.

Könnt Ihr mir hier evtl. weiterhelfen?

Der Link zur Seite: http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Abteilungen

Vielen Dank für Eure Hilfe bereits im Voraus.

Thomas.



Code:
<!-- start of _cfg/global_header.php -->
<!--<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "DTD/xhtml1-transitional.dtd">     -->
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">	
	
<html>
<head>
<title>
    TG W&uuml;rzburg-Heidingsfeld: 
    Unsere Abteilungen</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Revisit" content="After 7 days" />
<meta name="page-topic" content=
    "Homepage der TG Würzburg-Heidingsfeld" />
<meta name="author" content=
    "TG Würzburg-Heidingsfeld, Wiesenweg 2, 97084 Würzburg" />
<meta name="identifier-URL" content="http://www.tgwh.de/" />
<meta name="robots" content="all" />
<meta name="Language" content="Deutsch" />
<meta name="Keywords" content=
    "Sport Verein Würzburg Heidingsfeld Abteilung Handball Badminton Tennis Turnen Kinderturnen Wandern Tischtennis Jujutsu Kegeln Kanu" />
<meta name="Description" content=
    "Homepage des Würzburger Mehrspartenvereins TG Würzburg-Heidingsfeld" />

<link rel="stylesheet" type="text/css" href="/conpresso/conquarium2.css" />
</head>

<BODY>
<DIV id=rahmen>
<DIV id=sitenavi>
<UL>
<LI style="BACKGROUND: none transparent scroll repeat 0% 0%">Weitere Websites: </LI>
<LI><A title="Kanu" href="http://www.tgwh-kanu.de" target=_blank>Kanu</A> </LI>
<LI><A title="Handball" href="http://www.tgh-handball.de" target=_blank>Handball</A> </LI>
<LI><A title="Jujutsu" href="http://www.jujutsuka.de" target=_blank>Jujutsu</A> </LI>
<LI><A title="Stickertom" href="http://www.stickertom.de" target=_blank>Stickertom</A> </LI></UL></DIV>
<DIV id=header>

<DIV id=menu>
        <ul><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Home">Home</a></li><li class="active"><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Abteilungen">Abteilungen</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Hauptverein">Hauptverein</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Mitglied+werden...">Mitglied werden...</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Kontakt">Kontakt</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Sportzentrum">Sportzentrum</a></li></ul>    </div>
</div>

<div id="content">
    <div id="right">
    <DIV class=rightboxblumen_oben>
    </DIV>
        <div class="rightboxblumen">
            <div class="spacer">
                <h3>Abteilungen</h3><ul><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Badminton">» Badminton</a><ul><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Badminton+-+%DCbungsangebot">- Übungsangebot</a></li></ul></li><li><a href="http://www.fewo-ploch.de/conpresso/handballrubriken/index.php?rubric=Handball">» Handball</a><ul><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Termine+-+Handball">- Termine</a></li><li><a href="http://www.tgh-handball.de">- eigene Homepage</a></li></ul></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Jujutsu">» Jujutsu</a><ul><li><a href="http://www.jujutsuka.de">- eigene Homepage</a></li></ul></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Kanu-Abteilung">» Kanu</a><ul><li><a href="http://www.tgwh-kanu.de">- eigene Homepage</a></li></ul></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Leichtathletik">» Leichtathletik</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Ski">» Ski</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Tennis">» Tennis</a><ul><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Termine+-+Tennis">- Termine</a></li></ul></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Tischtennis">» Tischtennis</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Turnabteilung">» Turnen u. Gymnastik</a><ul><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Turnen+-+%DCbungsangebot">» Übungsangebot</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Termine+-+Turnen">» Termine</a></li></ul></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Spielmannszug">» Spielmannszug</a></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Wandern">» Wandern</a><ul><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Termine+-+Wandern">- Termine</a></li></ul></li><li><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=Sonstiges">» Sonstiges</a></li></ul>            </div>

        </div>
		<DIV class=rightboxblumen_unten>
        </DIV>
		<br>
		
		    <DIV class=rightboxnewsletter_oben>
    </DIV>
        <div class="rightboxnewsletter">
            <div class="spacer">
					Kostenlos versorgt Sie der <B>TGWH-Newsletter</B> mit allen Neuigkeiten.<BR>
Jetzt abonnieren - nie wieder etwas verpassen!<BR> 
<form method="post" action="index.php">
<input name="action" type="hidden" value="subscribe">
<input name="rubric" type="hidden" value="2">
eMail:<BR>
<input type="text" name="eMail" value=""><BR>
Name (optional):<BR>
<input type="text" name="Name" value=""><BR>
<input type="submit" name="subscribe" value="Newsletter bestellen">
</form>			
          </div>

        </div>
		<DIV class=rightboxnewsletter_unten>
        </DIV>
		<br>
    

       <!-- Nun der Bereich für die Zugriffsstatistik -->
	     
				    <DIV class=rightboxnewsletter_oben>
    </DIV>
        <div class="rightboxnewsletter">
            <div class="spacer">
     		<h2>Seitenstatistik</h2><br>5811 seit 05.11.2006<br>  -  16 heute<br>  -  40 gestern<br>  -  letzter Besuch 11:11 Uhr<br>  -  Ihre IP: 84.170.221.164<br>  -  1 user online<br><br>PS: Traue nur der Statistik, die Du selbst gefälscht hast! :-)          
		  </div>

        </div>
		<DIV class=rightboxnewsletter_unten>
        </DIV> 
		
		
        <br>
        <div class="rightboxschatten">
            <a href="/conpresso/_admin/index.php" target="_blank" 
                title="Login für Redakteure">Login für Redakteure</a>
        </div>
		<p></p>
		

		<div>
		
		</div>
    </div>

    <div id="left">
<!-- end of _cfg/global_header.php -->
<!-- start of RUBRIC/_local_header.php -->
        <div class="leftboxbluetop"><!-- --></div>
        <div class="leftboxblue">
        <h1>Unsere Abteilungen</h1><!-- end of RUBRIC/_local_header.php -->
<p>Es wurden <strong>keine</strong> Artikel gefunden!</p><!-- start of _include/next_index.php -->
<!-- end of _include/next_index.php -->
<!-- start of RUBRIC/_local_footer.php -->
        </div>
        <div class="leftboxbluebottom"><!-- --></div>
<!-- end of RUBRIC/_local_footer.php -->
<!-- start of _cfg/global_footer.php --> 

        <div class="leftboxhighlightedtop"><!-- --></div>
        <div class="leftboxhighlighted">
            <h2>baldige Termine: </h2>
			
			<div style="padding-bottom: 5px;"> <table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="70">22.04.2007</td> <td width="80">Wandern</td><td width="200">Wanderung in den Haßbergen, Treffp. 9,oo Uhr Jahnwiese
Tour: Wülfingen, Wässernachtal, Rednershof - kleine Rucksackverpfl.</td><td width="50"><strong><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/detail.php?nr=187&amp;rubric=Termine+-+Wandern&amp;PHPSESSID=6897711c38f48a05739df9dc49a785f1" ></a></strong></td></tr></table>  </div><div style="padding-bottom: 5px;"> <table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="70">01.05.2007</td> <td width="80">Wandern</td><td width="200">Radtour</td><td width="50"><strong></strong></td></tr></table>  </div><div style="padding-bottom: 5px;"> <table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="70">01.07.2007</td> <td width="80">versch.</td><td width="200">Familienfest der Turn-, Leichtathletik- und Tischtennis-Abteilung ab 14.00 Uhr</td><td width="50"><strong></strong></td></tr></table>  </div><div style="padding-bottom: 5px;"> <table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="70">07./08.07.</td> <td width="80">Handball</td><td width="200">Waldfest am Blosenberg</td><td width="50"><strong></strong></td></tr></table>  </div>

            <p>&nbsp;</p>
            <hr>            <p>&nbsp;</p>
            <h2>letzte Nachrichten:</h2>
            <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">01.04.2007</td><td width="240">Kinderfasching 2007</td><td width="30"><strong><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/detail.php?nr=367&amp;rubric=Turnabteilung&amp;PHPSESSID=ac0f47d17a6a14299f48b038b8599e39" >mehr</a></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">28.03.2007</td><td width="240">Kampfrichterlehrgang</td><td width="30"><strong></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">04.11.2006</td><td width="240">Gemäß dem Beschluss der ordentlichen Hauptversammlung wurden die Beiträge ab 01.01.2007 wie folgt angepasst:</td><td width="30"><strong></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">20.03.2007</td><td width="240">Frühjahrswanderung</td><td width="30"><strong><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/detail.php?nr=342&amp;rubric=Wandern&amp;PHPSESSID=ac0f47d17a6a14299f48b038b8599e39" >mehr</a></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">04.02.2007</td><td width="240">Wir sind Weltmeister</td><td width="30"><strong></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">14.03.2007</td><td width="240">Unterfränkische Tennis-Hallenmeisterschaften 2007</td><td width="30"><strong><a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/detail.php?nr=309&amp;rubric=Tennis&amp;PHPSESSID=ac0f47d17a6a14299f48b038b8599e39" >mehr</a></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">14.03.2007</td><td width="240">Wir sind Weltmeister  Carsten Lichtlein war dabei </td><td width="30"><strong></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">14.03.2007</td><td width="240">Ab jetzt mit aktuellen Informationen der Vereinsleitung!</td><td width="30"><strong></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">14.03.2007</td><td width="240">Bilder der Jubiläumsveranstaltung</td><td width="30"><strong></strong></td></tr></table> </div> <div style="padding-bottom: 5px;"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td width="80">14.03.2007</td><td width="240">Instandhaltungsmaßnahmen</td><td width="30"><strong></strong></td></tr></table> </div>         </div>
        <div class="leftboxhighlightedbottom"><!-- --></div>


    </div>

    <div class="clear">&nbsp;</div>

</div>

<div id="footer">
    Copyright &copy; 2006-2007 • 
    <a href="http://www.stickertom.de" title="Thomas.Ploch" 
        target="_blank">Thomas Ploch</a> • 
    All Rights reserved • 
    <a href="http://www.fewo-ploch.de/conpresso/tgwhrubriken/index.php?rubric=14">Impressum</a>

<!-- Bluecounter.de Code fuer Seiten mit Frame -->
<script type="text/javascript">showme='y'; st='img'</script>
<script language="JavaScript" type="text/javascript" src="http://www.bluecounter.de/pphlogger_f.js.php?id=85530">
</script><a href="http://www.bluecounter.de/login.php?usr=tploch&amp;pw=guest" target="blank">
<img alt="Bluecounter Website Statistics" border="0" src="http://www.bluecounter.de/stats.jpg"></a>
<img alt="Bluecounter Website Statistics" src="http://www.bluecounter.de/pphlogger.php?id=tploch&amp;st=img">
<!-- Bluecounter.de Code ENDE -->

<!-- Begin webstats4U code -->
<!-- Title: TG Würzburg-Heidingsfeld -->
<!-- URL: http://www.fewo-ploch.de/conpresso -->
<script language="JavaScript" type="text/javascript" src="http://m1.webstats4u.com/m.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
  webstats4u("AD_KSwo0iacwewUjY48PgYgHEzNA", 1);
// -->
</script>
<noscript>
<a target="_blank" href="http://www.webstats4u.com/stats?AD_KSwo0iacwewUjY48PgYgHEzNA">
<img src="http://m1.webstats4u.com/n?id=AD_KSwo0iacwewUjY48PgYgHEzNA" border="0" width="18" height="18" alt="Webstats4U - Kostenlose web site statistiken Persönliche Homepage webseite Zähler">
</a>


<br>

</noscript>
<!-- End webstats4U code -->


</div>

</div></body>
</html>

<!-- end of _cfg/global_footer.php -->



Code:
body {
    color: #333399;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #453D88;
    padding: 0;
    margin: 0;
    text-align: center
}

h1 {font-size: 14px; padding: 0 0 15px 0; margin: 0;}
h2 {font-size: 13px; color: #339; padding: 0 0 6px 0; margin: 0;}
h3 {font-size: 13px; color: #fff; padding: 5px 0 5px 0; margin: 0;} /* h3 is for headings in right column */
p {padding: 0.5em 0; margin: 0;}

a {color: #339; text-decoration: none; font-weight: bold;}
a:hover {color: #339; text-decoration: underline; }

td {vertical-align: top; text-align: left; font-size: 12px;}
img {border: 0; margin: 0;}
ul, ol {margin-bottom: 0;}

#rahmen {width: 750px; margin: 0 auto; text-align: left;}

#sitenavi {height: 29px; font-size: 10px; padding: 6px;} 
#sitenavi ul {float: right; padding: 0; margin: 0; list-style-type: none;}
#sitenavi ul li {float: left; color: #fff; background: url(images/sitenavi_tab.gif) 100% 100% no-repeat; padding: 0 10px 0 0;}
#sitenavi ul li a {color: #336; display: block; padding: 0 0 2px 10px; background: url(images/sitenavi_tab.gif) no-repeat 0 100%; text-decoration: none; font-weight: bold;}
#sitenavi ul li a:hover {text-decoration: underline;}

#header {height: 210px; background: url(images/hg-header.gif) no-repeat;} 
.logo {float: left; padding: 24px 0 0 22px;}
.search {float: right; font-size: 11px; font-weight: bold; padding: 52px 11px 0 0;}

#menu {
	padding: 15px 0 0 26px;
	font-size: 13px;
	top: 195px;
	position: absolute;
}
#menu ul {padding: 0; margin: 0; list-style-type: none;}
#menu li {float: left; padding: 0 26px 0 0;}
#menu li a {font-weight: normal; text-decoration: none;}
#menu li.active a {font-weight: bold;}
#menu li a:hover {color: #666; text-decoration: underline;}

#content {
	background-color: #FFFFFF;
	padding: 15px 0 0 0;
	margin: 0;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #8E94A4;
	border-right-color: #8E94A4;
	border-bottom-color: #8E94A4;
	border-left-color: #8E94A4;
} 

#right {float: right; width: 238px; font-size: 11px;}
.rightboxblue {height: 336px; margin: 0 0 10px 0; padding: 10px 0 0 0; line-height: 15px; background: url(images/right-blue.gif) no-repeat;}
.rightboxschatten {
	height: 69px;
	line-height: 15px;
	background: url(images/right-schatten.gif) no-repeat;
	padding-top: 5px;
}
.rightboxschatten a {display: block; padding: 21px 0 20px 0; text-align: center;}
.rightboxhighlightedtop {height: 15px; background: url(images/right-highlighted.gif) no-repeat;}
.rightboxhighlighted {background: #b1ef69; padding: 0 1em;}
.rightboxhighlightedbottom {height: 15px; background: url(images/right-highlighted.gif) no-repeat 0 100%;}

.rightboxblumen {margin: 0 0 0px; padding: 0; line-height: 15px; background: url(images/rightbox_mitte.gif) repeat-y; text-align: center}
.rightboxblumen h3 {padding: 0px 0 17px; margin: 0; color: #fff; text-align: left;}
.rightboxblumen .spacer {height: 200px; padding: 0 0 0 30px; text-align: left}
.rightboxblumen ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxblumen li li {padding-left: 1em;}

#left {float: left; width: 500px;}
#left a {text-decoration: underline; font-weight: normal;}
#left a:hover {text-decoration: none;}
#left h2 a {font-weight: bold;}
.leftboxbluetop {height: 15px; background: url(images/left-blue.gif) 0 0 no-repeat;}
.leftboxblue {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;}
.leftboxblue h1 {color: #fff;}
.leftboxbluebottom {margin: 0 0 15px 0; height: 15px; background: url(images/left-blue.gif) 0 100% no-repeat;}

.leftboxhighlightedtop {background: url(images/left-highlighted.gif) no-repeat 0 0; height: 15px;}
.leftboxhighlighted {line-height: 17px; padding: 15px 20px 15px 20px; background: #b1ee68;}
.leftboxhighlightedbottom {background: url(images/left-highlighted.gif) no-repeat 0 100%; height: 15px;}

.inhaltrandtop {width: 500px; height: 15px; background: url(images/inhalt-top.gif) no-repeat;}
.inhalt {border-right: 1px solid #acb8cd; padding: 0 20px 0 20px; font-size: 12px; line-height: 17px;}
.inhaltrandbottom {margin: 0 0 15px 0; width: 500px; height: 17px; background: url(images/inhalt-bottom.gif) no-repeat;}

.clear {clear: both;}

.product {padding-bottom: 3em;}
.productdescription {margin-left: 130px;}
.product img.productimg {float: left; width: 120px; margin-right: 3px;}

#footer {padding: 32px 0 10px 0; font-size: 11px; color: #919191; background: url(images/hg-footer.gif) no-repeat; text-align: center;}
#footer a {color: #919191;}

.pager {padding-top: 1em; font-size: 10px; padding-bottom: 1em;}
.more {padding: 4px 0 20px;}

form {padding: 0; margin: 0;}
.input {font-size: 11px; width: 105px; margin-top: 5px;}
.submitsearch {border: 0; background: transparent url(images/lupe.gif);  width: 20px; height: 20px; margin-left: 5px}
.submitsearch:hover {background: url(images/lupe-over.gif);}
.submitpfeil {border: 0; background: transparent url(images/pfeil.gif); width: 20px; height: 20px; margin-left: 5px}
.submitpfeil:hover {background: url(images/pfeil-over.gif);}
.rightboxblumen_oben {
height: 20px; margin: 0 0 0px; padding: 0; line-height: 15px; background: url(images/rightbox_oben.gif) no-repeat; text-align: center
}
.rightboxblumen_unten {
height: 20px; margin: 0 0 0px; padding: 0; line-height: 15px; background: url(images/rightbox_unten.gif); text-align: center
}
.rightboxnewsletter {
margin: 0 0 0px; padding: 0; line-height: 15px; background: url(images/rightbox_mitte.gif) repeat-y; text-align: center
}
.rightboxnewsletter .spacer {
height: 200px; padding: 0 0 0 15px; text-align: left
}
.rightboxnewsletter_oben {
height: 20px; margin: 0 0 0px; padding: 0; line-height: 15px; background: url(images/rightbox_oben.gif) no-repeat; text-align: center
}
.rightboxnewsletter_unten {
height: 20px; margin: 0 0 0px; padding: 0; line-height: 15px; background: url(images/rightbox_unten.gif); text-align: center
}
.gbrahmen {
	border: thin solid #CCCCCC;
}
 
Hi,

vermutlich liegt es an der fixen Höhenangabe für das DIV .spacer, dass die Navigation über den Rand hinausläuft:

Code:
.rightboxblumen .spacer {height: 200px; padding: 0 0 0 30px; text-align: left}
Der IE behandelt sie als "Mindesthöhe" und erweitert bei zunehmenden Inhalt die Boxhöhe, Firefox (und alle anderen modernen Browser) hingegen nicht.

Versuch es daher mal mit dieser Regel, um für die nicht-IE-Browser eine Mindesthöhe einzurichten:

Code:
.rightboxblumen .spacer {min-height:200px; height:auto !important; height: 200px; padding: 0 0 0 30px; text-align: left}
 
Vielen Dank schon einmal für Deine Antwort.

Der rechte Kasten funktioniertn jetzt prima. Das war die Lösung.

Jetzt hab ich nur noch ein kleines Problem mit der Menüzeile. Ich habe hier im CSS "menu" die absolute Position 195 angegeben.

Beim IE passts, beim Firefox müsste ich 210 angeben, damit es passt; dann stimmts aber beim IE wieder nicht mehr.

Was könnte da noch falsch sein?

Viele Grüße
Thomas
 
Entferne mal die rotmarkierten HTML-Kommentare vor der Dokumenttyp-Deklaration, denn sie setzen den IE in den Quirksmode, weshalb er da etwas falsch interpretiert

Code:
<!-- start of _cfg/global_header.php -->
<!--<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "DTD/xhtml1-transitional.dtd">     -->
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
und versuch es mit top:225px für #menu.
 
Hey Danke Dir! Hat geklappt.

Da wär ich nie draufgekommen, dass diese Doctypes 1. so viel Einfluss haben und 2. dann auch noch im Kommentarmodus Ich glaube, mit den Doctypes muß ich micht auch nochmal näher auseinandersetzen!

Vielen Dank nochmal!

Thomas
 
Status
Nicht offen für weitere Antworten.
Zurück