css menü problem mit firefox

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
just4fun

just4fun hat kostenlosen Webspace.

11:47, 23.7.2005
moin
ich habe folgendes problem mit eine css men?
im firefox wird es immer breiter angezeigt, als es sein soll:
http://just4fun.milten.lima-city.de/Bild1.jpg
im IE und in Opera passiert das bei mit nicht
woran kann das liegen

der link zur seite: http://just4fun.milten.lima-city.de/tag/hoftheater">hoftheater/
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
tengwar

tengwar hat kostenlosen Webspace.

12:17, 23.7.2005
Vermutlich liegt der Fehler nicht bei Firefox, sondern es handelt sich um den Box-Modell-Fehler des Internet-Explorers. Dort werden n?mlich die breiten von div-Tags falsch berechnet.

Weil der Internet-Explorer mit seiner falschen Darstellung jedoch derart verbreitet ist, wird diese falsche Darstellung auch von einigen anderen Browsern ?bernommen (so auch von neueren Versionen des Explorers, die eigentlich diesen Fehler nicht mehr begehen), n?mlich dann, wenn eine Internet-Seite als 'Quirks-mode'-Seite erkannt wird. Das ist beispielsweise dann der Fall, wenn die Dokumenttyp-Deklaration fehlt.

Opera erkennt vermutlich wegen dem fehlenden Dokumenttyp, dass deine Seite sich am fehlerhaften Internet-Explorer-Box-Modell ausrichtet, und ?bernimmt diese Darstellung. Firefox hingegen stellt deine Seite so dar, als ob es sich um korrektes CSS handeln w?rde, mit dem Resultat, dass sie zu breit ist.

Ausf?hrlicheres hier:

http://de.selfhtml.org/css/formate/box_modell.htm
~~s******n~~

12:48, 23.7.2005
soweit ich mich erinnere muss man bei der breitenangabe von divs grunds?tzlich aufpassen:

gibt man als Breite 64 pixel an und zus?tzlich noch einen Rahmen von 1 px breite hat man auf einmal eine Breite von 66 Pixeln im angezeigten Dokument.

Das Problem wurde ja von meinem Vorposter schon ausf?hrlich erl?utert.

weitere Hinweise zum Boxmodell, zu den Breitenangaben, zu Browserweichen etc. findet man hier:

http://www.css4you.de

Gru?
Sven
hyrsch

hyrsch hat kostenlosen Webspace.

17:11, 1.10.2005
die seite existiert nicht

poste mal den gesamten quelltext
so kann ich dir leider auch nicht weiterhelfen
Autor dieses Themas
just4fun

just4fun hat kostenlosen Webspace.

17:32, 1.10.2005
<html>
<head>
<link rel="shortcut icon" href="http://www.hoftheater.de/images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Das Kleine Hoftheater e.V.</title>
<meta name="keywords" content="Hoftheater, Theater, Wandsbek, Hamburg">
<meta name="description" content="Hoftheater, Theater, Wandsbek, Hamburg">
<meta name="author" content="Lars H?hne" />

<STYLE type=text/css>
A { TEXT-DECORATION: none }
</STYLE>
<style type="text/css">

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border: 1px solid white;
border-left-width: 30;
background-color: #800000;
}

.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: white;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #C0C0C0;
border: 1px solid black;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 7px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: white;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

</style>

<script type="text/javascript">

startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;

</script>

</head>

<body bgcolor="#F0F0F0" link="#000000" vlink="#000000" alink="#000000"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#F0F0F0">
<table border="0" width="748" id="table1">
<tr>
<td><a href="http://www.hoftheater.de">
<img border="0" src="http://www.hoftheater.de/images/header.gif" align="right" width="399" height="35"></a></td>
</tr>
</table>
<ul id="csstopmenu" style="list-style-type: none; margin: 0; padding: 0">
<li class="mainitems" style="border-left-width: 1px; width: 187px">
<div class="headerlinks">
<a href>Erleben</a></div>
<ul class="submenus" style="position: absolute; left: 0px; top: 19px; width: 185px; height: 20px">
<li><a href="erleben/pippi.html">
Pippi Langstrumpf</a></li>
</ul>
</li>
<li class="mainitems" style="border-left-width: 1px; width: 187px">
<div class="headerlinks">
<a href>Anklopfen</a></div>
<ul class="submenus" style="position: absolute; left: 0px; top: 19px; width: 185px">
<li>
<a href="mailto:info@hoftheater.de?subject=Kontakt">
E-Mail</a></li>
<li><a href="Anklopfen/adresse.html">
Adresse</a></li>
<li><a href="Anklopfen/anfahrt.html">
Anfahrt</a></li>
<li><a href="Anklopfen/karten.html">
Kartenbestellung</a></li>
</ul>
</li>
<li class="mainitems" style="border-left-width: 1px; width: 187px">
<div class="headerlinks">
<a href>Helfen</a></div>
<ul class="submenus" style="position: absolute; left: 0px; top: 19px; width: 185px">
<li>
<a href="http://www.freunde-hoftheater.de/" target="_blank">
Freundeskreis</a></li>
<li><a href="aktuell/spielstaette.html">
Spielst?tte gesucht</a></li>
</ul>
</li>
<li class="mainitems" style="border-left-width: 1px; width: 187px">
<div class="headerlinks">
<a href>Erinnern</a></div>
<ul class="submenus" style="position: absolute; left: 0px; top: 19px; width: 185px">
<li><a href="erinnern/currywurst.html">
Currywurst mit Pommes</a></li>
<li><a href="erinnern/blitz.html">
De D?velsblitz</a></li>
<li><a href="erinnern/charley.html">
Charley's Tante</a></li>
<li><a href="erinnern/kater.html">
Der gestiefelte Kater</a></li>
<li><a href="erinnern/richterinnen.html">
Vier scharfe Richterinnen</a></li>
<li><a href="erinnern/camping.html">
Eenmol Camping, 
  J?mmer Camping</a></li>
<li><a href="erinnern/boeing.html">
Boeing Boeing</a></li>
<li><a href="erinnern/maja.html">
Die Biene Maja</a></li>
<li><a href="erinnern/schlafzimmer.html">
Schlafzimmerg?ste</a></li>
</ul>
</li>
</ul>

</td></tr></table><table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top">

<table border="0" width="748" id="table4" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" height="403">
<tr>
<td width="9"> </td>
<td valign="top"> 
Herzlich Willkommen

auf der Homepage des Kleinen Hoftheaters
e.V.<hr align="left" width="99%">

 

 Wir
spielen f?r Sie:
 
<table border="0" width="100%" id="table5" cellpadding="0">
<tr>
<td height="69" width="103">
<a href="erleben/pippi.html">
<img border="1" src="PIPPI_I2%20(2).JPG" width="91" height="69"></a></td>
<td height="69">
<a href="erleben/pippi.html">
Pippi Langstrumpf</a>
Termine: 19.11. - 18.12.2005
jeweils Sa und So

Vorstellungen um 14 und 17 Uhr
</td>
</tr>
</table>

 
 

<center><img src="http://webcounter.goweb.de/41108.GIF" hspace="1" vspace="1" border="0" alt=""> 
</td>

<td background="images/menu.jpg" width="11"> </td>
<td width="181" valign="top"> 
 

 

Aktuell
<hr>
 


Neue Spielst?tte gesucht!

Das Kleine Hoftheater sucht neue R?ume
(<a href="aktuell/spielstaette.html">mehr...</a>)

 

Freundeskreis
Werden Sie Mitglied im
Freundeskreis des
Kleinen Hoftheaters 

(<a target="_blank" href="http://www.freunde-hoftheater.de/">mehr...</a>)
 

Malwettbewerb
Gewinne

2 Freikarten



f?r die Premiere von Pippi Langstrumpf


(<a href="erleben/malwettbewerb.html">mehr...</a>)</td>
</tr>

</table>

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#F0F0F0">

<table border="0" width="748" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td>
www.hoftheater.de | ? 2005
Das Kleine Hoftheater e.V. |  Alle Rechte vorbehalten |
<a href="impressum.html">
Impressum</a></td>
</tr>
</table>

</td></tr></table></body>

</html>
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city

css menü problem mit firefox

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!