Folgendes Problem:
Auf der Seite NFG Home verschiebt sich nur im Firefox und Netscape der main-layer einfach nach rechts. :???:
Das hängt offensichtlich direkt mit dem overflow:auto; zusammen.
In anderen Browser wie IE und Opera funktioniert es.
CSS file:
index.html (die php´s auf den links sind genauso aufgebaut)
Ich hab keine Ahnung, bitte um schnelle Hilfe, danke.:roll:
Auf der Seite NFG Home verschiebt sich nur im Firefox und Netscape der main-layer einfach nach rechts. :???:
Das hängt offensichtlich direkt mit dem overflow:auto; zusammen.
In anderen Browser wie IE und Opera funktioniert es.
CSS file:
Code:
/* CSS Document */
body { /*background-color:#ffffff;*/
}
.link_akt {
color: #950000;
text-decoration:none;
font-weight: bold;
font-family:Copperplate Gothic Light;
font-size:0.91em;
}
#lead {
width:986px;
border:1px solid gray;
margin:auto;
padding: 5px;
background-image:url(bilder/bg_menue.png);
background-repeat:repeat-y;
}
#menue {
width:234px;
border:0px;
float: left;
}
#header {
width:234px;
border:0px;
padding:0;
}
ul#nav {
font-size: 0.85em;
margin: 0;
padding: 0;
border: 0px solid black;
}
ul#nav li {
list-style: none;
margin: 0; padding: 0em; /* padding für abstand zwischen link-boxen */
}
ul#nav a {
display: block;
padding: 0.4em; /* padding für abstand zwischen links */
font-family:Copperplate Gothic Light;
}
ul#nav a:link {
color: white; text-decoration:none;
}
ul#nav a:visited {
color: white; text-decoration:none;
}
ul#nav a:hover {
color: #f8c917; text-decoration:none; /*font-weight: bold;*/
}
ul#nav a:active {
color: #f8c917; text-decoration:none; font-weight: bold;
}
#main {
width:735px;
height:725px;
overflow:auto;
min-height:700px; /*versteht ie6 nicht*/
margin-top:5px;
border:0px ; /* border wird zum width dazugerechnet.*/
margin-left:225px;
/* padding: 0 1 0 0 em; padding wird zum width dazugerechnet.*/
/*padding-left:1em;*/
padding-bottom:0em;
padding-right:0em;
padding-top:0em;
padding-left:14px;
}
#list_nondec {
list-style: none;
color: navy;
font-family:Copperplate Gothic Light;
font-size:0.8em;
}
#box {
border:1px solid red;
margin:auto;
padding: 5px;
font-family:Copperplate Gothic Light;
font-size:0.8em;
color:#cc0000;
width:600px;
}
.style_n {
font-family:Copperplate Gothic Light;
font-size:0.91em;
color:white;
}
.style_2 {
font-family:Copperplate Gothic Light;
font-size:0.91em;
color:white;
}
.style_n_red {
font-family:Copperplate Gothic Light;
font-size:1.1em;
color:#cc0000;
}
.style_n_black {
font-family:Copperplate Gothic Light;
font-size:0.91em;
color:black;
}
.style_n_bold {
font-family:Copperplate Gothic Light;
font-size:0.91em;
color:navy;
font-weight:bold;
}index.html (die php´s auf den links sind genauso aufgebaut)
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Manfred Ernst Wollinger</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
<!--
.style3 {
font-size: 18px
}
.style10 {font-size: 10px}
-->
</style>
</head>
<body style="background-color:transparent">
<div id="lead">
<div id="menue">
<div id="header" align="center">
<a href="index.html" alt="Home">
<img src="bilder/logo_sm.png" width="174" height="136" border="0"/></a>
</div>
<p align="center" class="style_2">Arzt<br />
Akupunktur<br />
Naturheilverfahren</p>
<p> </p>
<ul id="nav">
<li><a href="texte/texte.php?page=konzepte">1. Vision • Ziele • Konzepte</a></li>
<li><a href="texte/texte.php?page=vita">2. Vita</a></li>
<li><a href="texte/texte.php?page=organisatorisches">3. Organisatorisches</a></li>
<li><a href="texte/texte.php?page=schwerpunkte">4. Schwerpunkte</a></li>
<li><a href="texte/texte.php?page=verfahren">5. Therapieverfahren </a></li>
<li><a href="texte/texte.php?page=hausapoteke">6. Hausapotheke</a></li>
<li><a href="texte/texte.php?page=abrechnung">7. Abrechnung</a></li>
<li><a href="texte/texte.php?page=wegbeschreibung">8. Wegbeschreibung</a></li>
<li><a href="texte/texte.php?page=praxisflyer">9. Praxisflyer</a></li>
<li> </li>
<li><a href="texte/texte.php?page=projekt">10. <i>Projekt: <br /> Centrum für Integrale <br/> Gesundheit</i></a></li>
<li><a href="texte/texte.php?page=ngf">11. <i>Projekt: <br /> Netzwerk Gesunde <br /> Famielie</i></a></li>
<li><a href="texte/texte.php?page=zeit">12. Themen der Zeit</a></li>
<li><a href="texte/texte.php?page=impressum">13. Impressum</a></li>
</ul>
</div>
<div id="main">
<!--<p align="center"><img src="bilder/start logo.png" /></p>-->
<p> </p>
<p> </p><p> </p><p> </p><p> </p>
<img src="bilder/wasserfall_start.png"/></div>
</div>
</body>
</html>Ich hab keine Ahnung, bitte um schnelle Hilfe, danke.:roll:
, manchmal sieht mans einfach nicht.
