Login

Cloverleaf · 04.09.2006, 15:42

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

Helmut · 04.09.2006, 17:03

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 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 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

Cloverleaf · 05.09.2006, 08:50

Ich fürchte dann muss es am Template selbst liegen. Sad

das Problem ist nämlich immernoch da. Sad

http://kc-web.ch/php

Helmut · 05.09.2006, 13:14

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

Cloverleaf · (Dieser Beitrag wurde zuletzt bearbeitet: 05.09.2006, 16:32 von Cloverleaf.)

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..

Cloverleaf · 07.09.2006, 06:53

Ich kriegs einfach nicht hin.. :haue:

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

Helmut · 07.09.2006, 14:02

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>


<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">

<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 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 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>




<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 über die Stiftung, ihre Zielsetzung und ihr Engagement.<br>
<br>
Die Seite ist im Aufbau begriffen, weshalb noch nicht sämtliche Buttons mit Informationen hinterlegt sind. Die Ergänzung/der Ausbau der Seite erfolgt laufend, beansprucht aber einige Zeit. <br><br>Sollten Sie noch fehlende Informationen benötigen oder haben Sie Änderungs-/ Verbesserungsvorschläge oder Fragen, zögern Sie nicht, uns zu <a href="kontakt.html"><u>kontaktieren</u></a>.
<br>
Fü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>




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


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

Cu Helmut

Cloverleaf · 07.09.2006, 14:47

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

Smile

Cloverleaf

Cloverleaf · (Dieser Beitrag wurde zuletzt bearbeitet: 08.09.2006, 09:40 von Cloverleaf.)

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

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	Hile für Browser - Fenster!	omer88	7	1.538	07.03.2006, 23:11 Letzter Beitrag: Jürgen