Juergens-Workshops.de Forum
Browser-Kompatibilität - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Browser-Kompatibilität (/showthread.php?tid=20628)

Browser-Kompatibilität - Cloverleaf - 04.09.2006

Hallo zusammen

Ich habe ein kleines Problem. Mein Menü wird im Mozilla Firefox korrekt angezeigt wie ich es haben möchte. Im Internet Explorer ist das Menü aber verkürzt.

http://kc-web.ch/php

Wie kann ich dieses Problem lösen?

Herzlichen Dank im Voraus für eure Hilfe!

Cloverleaf

Browser-Kompatibilität - Helmut - 04.09.2006

Hi,

schau Dir mal das Beispiel an

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Navidemo</title>

<style type="text/css">
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}

#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;

}
#nav a {
display: block;
border: 1px solid red;
padding: 3px;
margin-right: 2px;
font-size: 11px;
text-align: center;
width: 100px;
}
#nav a:hover {
background-color: #ffcc00;
border: 1px solid red;
padding: 3px;
margin-right: 2px;
font-size: 11px;
text-align: center;
}
</style>

</head>
<body>

<div id="nav">
<ul>
<li><a href="ueberstinah.php">Über&nbsp;Stinah</a></li>
<li><a href="notfaelle.php">Notfälle</a></li>
<li><a href="wissen.php">Wissen</a></li>
<li><a href="tiervermittlung.php">Tiervermittlung</a></li>
<li><a href="stiftungstiere.php">Stiftungstiere</a></li>
<li><a href="ihrbeitrag.php">Ihr&nbsp;Beitrag</a></li>
<li><a href="links.php">Links</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
</ul>
</div>

</body>
</html>
[/HTML]

Schaut im IE, FF und OP gleich aus...

Cu Helmut

Browser-Kompatibilität - Cloverleaf - 05.09.2006

Ich fürchte dann muss es am Template selbst liegen. Sad das Problem ist nämlich immernoch da. Sad

http://kc-web.ch/php

Browser-Kompatibilität - Helmut - 05.09.2006

Hi,
Zitat:Ich fürchte dann muss es am Template selbst liegen.
ich fürchte Du hast da was vergessen <ul> ... <li>

Ich hatte es zumindest ausprobiert, da hat es hingehauen. Evtl müsen noch ein paar CSS Angaben angepasst werden.

Cu Helmut

Browser-Kompatibilität - Cloverleaf - 05.09.2006

Helmut schrieb:Hi,
ich fürchte Du hast da was vergessen <ul> ... <li>

Ich hatte es zumindest ausprobiert, da hat es hingehauen. Evtl müsen noch ein paar CSS Angaben angepasst werden.

Cu Helmut

stimmt, ul und li hatte ich vergessen. Aber auch mit gehts noch nicht.. Sad Hab jetzt wirklich schon den halben Tag hin und her probiert.. Was mach ich bloss falsch..

Und wenn ich das so mache, ist es nicht mehr so, dass die jeweils angeklickte Rubrik fett geschrieben steht..

Browser-Kompatibilität - Cloverleaf - 07.09.2006

Ich kriegs einfach nicht hin.. :haue:

und drehe langsam durch.. :tease: :krawallo: :icon_troest:

Browser-Kompatibilität - Helmut - 07.09.2006

Hi,

probier es mal mit dem Qelltext/CSS

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>stinah</title>

<!-- <link rel="stylesheet" type="text/css" href="http://kc-web.ch/php/style.css"> -->
<style type="text/css">

body {
background-color: #E0EBE3;
font-family: Arial;
font-size: 12px;
color: #206402;
scrollbar-face-color:#ADC89B;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#ADC89B;
scrollbar-darkshadow-color:#ADC89B;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#ADC89B;
scrollbar-track-color:#FFFFFF;
}

#inhalt {
margin:0 auto;
text-align:left;
width: 800px;
}

.top {
background-color: #ADC89B;
padding: 4px 4px 4px 5px;
color: #206402;
font-size: 12px;
}

.content {
background-color: transparent;
padding: 5px;
color: #206402;
font-size: 12px;
padding-top: 20px;
}

h1 {
margin: 3px 3px 3px 0px;
padding: 3px 3px 3px 0px;
font-size: 19px;
}

a:link {
color : #206402;
text-decoration : none;
}

a:visited {
color : #206402;
text-decoration : none;
}

a:active {
color : #206402;
text-decoration : none;
}


.leftnavi {
font-size: 12px;
padding: 2px;
margin-top: 25px;
}
.leftnavi a {
display: block;
margin-bottom: 2px;
background-color: #adc89b;
border: 1px solid #000000;
padding: 2px;
width: 110px;
color: #000000;
}
.leftnavi a:hover {
background-color: #E0EBE3;
border: 1px solid #000000;
padding: 2px;
width: 110px;
color: #000000;
}



#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;

}
#nav a {
display: block;
background-color: #E0EBE3;
border: 1px solid black;
padding: 2px;
margin-right: 2px;
font-size: 12px;
text-align: center;
width: 80px;
}
#nav a:hover {
background-color: #adc89b;
border: 1px solid black;
padding: 2px;
margin-right: 2px;
font-size: 12px;
text-align: center;
}

</style>
</head>


</head>

<body>
<div id="inhalt">
<!--Header-->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="top" align="center" width="100%"><img src="images/stinahbanner.jpg" alt="" width="790" height="80" border="0"></td>
</tr>
<tr>
<td class="top" align="center">


<div id="nav">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="ueberstinah.php">Über&nbsp;Stinah</a></li>
<li><a href="notfaelle.php">Notfälle</a></li>
<li><a href="wissen.php">Wissen</a></li>
<li><a href="tiervermittlung.php">Tiervermittlung</a></li>
<li><a href="stiftungstiere.php">Stiftungstiere</a></li>
<li><a href="ihrbeitrag.php">Ihr&nbsp;Beitrag</a></li>
<li><a href="links.php">Links</a></li>
<li><a href="kontakt.php" style="margin-right: 0;">Kontakt</a></li>
</ul>
</div>


</td>
</tr>
</table>
<!--Header-->

<!--Hauptteil-->

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

<div class="leftnavi">
<a href="news.php">News</a>
<a href="boutique.html">Boutique</a>
</div>

</td>
<td valign="top" class="content">

<h1>S T I N A H</h1>

<b>Herzlich Willkommen auf der Homepage der „Stiftung Tiere in Not – Animal Help“ (Stinah).</b><br><br>

Hier finden Sie Informationen &uuml;ber die Stiftung, ihre Zielsetzung und ihr Engagement.<br>
<br>
Die Seite ist im Aufbau begriffen, weshalb noch nicht s&auml;mtliche Buttons mit Informationen hinterlegt sind. Die Erg&auml;nzung/der Ausbau der Seite erfolgt laufend, beansprucht aber einige Zeit. <br><br>Sollten Sie noch fehlende Informationen ben&ouml;tigen oder haben Sie &Auml;nderungs-/ Verbesserungsvorschl&auml;ge oder Fragen, z&ouml;gern Sie nicht, uns zu <a href="kontakt.html"><u>kontaktieren</u></a>.
<br>
F&uuml;r Ihr Interesse an der Stiftung Tiere in Not – Animal Help und Ihren Einsatz zugunsten der Tiere danken wir Ihnen bestens.<br>
<br><br>
Ihr <a href="portrait.html"><u>Stiftungsrat</u></a> und das <a href="stinahteam.html"><u>Stinah-Team</u><br><br></a>


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

<!--Hauptteil-->

<!-- FOOTER -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td class="top" align="right">&copy; 2006 by <a href="http://kc-web.ch/tierfotos" target="_blank">Mich&egrave;le Krapf</a></td>
</tr>
</table>
<!-- FOOTER -->

</div>
</body>
</html>[/HTML]

Cu Helmut

Browser-Kompatibilität - Cloverleaf - 07.09.2006

Also erstmal viiiielen Dank, dass du mir so tatkräftig hilfst!!! Echt mega lieb!! Ich werde es morgen gleich ausprobieren.

Smile

Cloverleaf

Browser-Kompatibilität - Cloverleaf - 08.09.2006

Wooooow - es funktioniiiiert!! Echt suuuper! Danke Helmut! Ich weiss jetzt zwar nicht ganz, woran es gelegen hat, aber echt toll dass es jetzt geht. Wink Danke!

Leider treten jetzt andere Probleme auf, die ich vorher nicht hatte.. Wink Ich hoffe die kriege ich selbst in den Griff..

Michèle