So da bin ich noch mal,
hab die Seite noch mal angefangen neu zu machen, aber irgendwie hänge ich jetzt wieder un komme nicht weiter. Könnte mir mal einer unter die Arme greifen ?
Folgende Problem, die man sich auch anschauen kann
http://www.fueten.com
Bei Mozilla:
1) Wird die Schriftgrösse nicht angenommen
2) Wird die Hintergrundfarbe der unter Menüs nicht angenommen
Zwischen Mozilla und Explorer
1) Ist die Seitliche Verschiebung der Navileiste total unterschiedlich.
Waäre schön wenn ich hilfe bekommen könnte, werden Euch den Code mal reinkopieren, aber auch weiter testen.
Danke schon mal für die Hilfe, Detlef
html:
<html>
<head>
<link rel="stylesheet" href="./designtest.css" type="text/css">
<title> test</title>
<style type="text/css">
</style>
</head>
<body >
<!-- Kopf -->
<div id="Kopfhintergrund">
</div>
<!-- Kopf Ende -->
<!-- Box links -->
<div id="LinksHintergrund">
<!-- Navigation -->
<ul span class="navi">
<li span class="navi-0"> Navigation</li></span>
<li span class="navi-1"> Gemeindegruppen</li></span>
<li span class="navi-2"> <a href="./Gemeindeleitung.html"> Gemeinedeleitung </a> </li></span>
<li span class="navi-2"> <a href="./Hauskreise.html"> Hauskreise </a></li></span>
<li span class="navi-2"> <a href="./Sonntagsschule.html"> Sonntagsschule </a></li></span>
<li span class="navi-2"> <a href="./Jungschar.html"> Jungschar </a> </li></span>
<li span class="navi-2"> <a href="./kindertreff.html"> Kindertreff </a></li></span>
<li span class="navi-2"> <a href="./Teens.html"> Teens </a></li></span>
<li span class="navi-2"> <a href="./OpenHouse.html"> Open House </a></li></span>
<li span class="navi-2"> <a href="./Singteam.html"> Singteam </a></li></span>
<li span class="navi-1"> Termine & Veranstaltungen</li></span>
<li span class="navi-2"> <a href="./r-Termine.html"> Regelmäßige Veranstaltungen </a> </li></span>
<li span class="navi-2"> <a href="./besondere.html"> Besondere Veranstaltungen </a></li></span>
<li span class="navi-2"> <a href="./Openhouse.html"> Openhouse </a></li></span>
<li span class="navi-1"> Wer wir sind... <br />...und was wir glauben </li></span>
<li span class="navi-2"> <a href="./prolog.html"> Prolog </a> </li></span>
<li span class="navi-2"> <a href="./wer.html"> Wer wir sind </a></li></span>
<li span class="navi-2"> <a href="./Arbeiten.html"> Wie wir arbeiten </a></li></span>
<li span class="navi-2"> <a href="./frei.html"> Freie </a> </li></span>
<li span class="navi-2"> <a href="./Evangelisch.html"> evangelische </a></li></span>
<li span class="navi-2"> <a href="./Gemeinde.html"> Gemeinde </a></li></span>
<li span class="navi-1"> Abendmahl und Taufe</li></span>
<li span class="navi-2"> <a href="./Abendmahl.html"> Abendmahl </a> </li></span>
<li span class="navi-2"> <a href="./Taufe.html"> Taufe, Kindersegnung </a> </li></span>
<li span class="navi-2"> <a href="./Glaubenstaufe.html"> Glaubenstaufe </a></li></span>
<li span class="navi-1"> Gemeinde...</li></span>
<li span class="navi-2"> <a href="./Organisation.html"> ...Organisation </a> </li></span>
<li span class="navi-2"> <a href="./Gemeindemitglieder.html"> ...Mitglieder </a> </li></span>
<li span class="navi-2"> <a href="./Gemeindemitgliederversammlung.html"> ...Mitgliederver. </a> </li></span>
<li span class="navi-2"> <a href="./Gemeindeleitung.html"> ...Leitung </a> </li></span>
<li span class="navi-2"> <a href="./Gemeindegruppen.html"> ...Gruppen </a> </li></span>
<li span class="navi-2"> <a href="./Gottesdienst.html"> ...Gottesdienst </a> </li></span>
<li span class="navi-2"> <a href="./Kinder.html"> ...Kinder </a> </li></span>
<li span class="navi-2"> <a href="./finanziert.html"> ...Finanzierung </a> </li></span>
<li span class="navi-1"> Mission....</li></span>
<li span class="navi-2"> <a href="./mali.html"> Klingelhöfer in Mali </a> </li></span>
<li span class="navi-2"> <a href="./weg.html"> Der Weg </a></li></span>
<li span class="navi-2"> <a href="./bibelschule.html"> Bibelschule NL </a></li></span>
<li span class="navi-2"> <a href="./Schmaranzer.html"> Familie Schmaranzers </a> </li></span>
<li span class="navi-1"> Verschiedenes</li></span>
<li span class="navi-2"><a href="../Anfahrt/Anfahrt.html">Anfahrt</a></li></span>
<li span class="navi-2"><a href="./kontakt/Kontakt.html">Kontakt</a></li></span>
</li>
</ul>
<!-- Navigation ENDE-->
</div>
<!-- Box Links Ende -->
<!-- Box links -->
<div id="MitteHintergrund">
</div>
<!-- Box Mitte Ende -->
<!-- Box rechts -->
<div id="RechtsHintergrund">
</div>
<!-- Box rechts Ende -->
</body>
</html>
CSS
/* Bestimmen Hintergrundbild */
body { background-color :#bebebe ; }
a {text-decoration: none; color: blue;}
a:hover {color:ff0000}
/* Hintergruende*/
#Kopfhintergrund {
background-color :black;
color:white;
height: 8em;
width: 50em;
margin-top: 5em;
margin-left: 5em;
}
#LinksHintergrund {
background-color :ffb061;
height: 80em;
width: 15em;
margin-top: -1em;
margin-left: 5em;
list-style: none;
}
#MitteHintergrund {
background-color :white;
height: 80em;
width: 30em;
margin-top: -80em;
margin-left: 15em;
}
#RechtsHintergrund {
background-color :ffb061;
height: 80em;
width: 10em;
margin-top: -80em;
margin-left: 45em;
}
.Navi{
margin-left: -1px;
list-style: none;
font: 10pt/12pt;
font-family:Arial;
text-align:left;
width: 130px;
border-style: solid;
border-color: blue;
border-top-width: 0em;
border-bottom-width: 0em;
border-left-width: 0em;
border-right-width: 0em;
}
.navi-0{
background:Gray;
text-align:center;
color: white;
border-style: solid;
border-color: blue;
border-top-width: 0.1em;
border-bottom-width: 0.1em;
border-left-width: 0.1em;
border-right-width: 0.1pem;
padding: 0em 0em 0em 0.5em;
}
.navi-1{
background:gray;
color: white;
border-style: solid;
border-color: blue;
border-top-width: 0em;
border-bottom-width: 0.1em;
border-left-width: 0.1em;
border-right-width: 0.1em;
padding: 0em 0em 0em 0.5em;
}
.navi-2{
background:FFDEAD;
border-style: solid;
border-color: blue;
border-top-width: 0em;
border-bottom-width: 0.1em;
border-left-width: 0.1em;
border-right-width: 0.1em;
padding: 0em 0em 0em 0.5em;
}[/url]