nicht angemeldet
Huhu ihr,
und schon steh ich wieder vor dem nächsten Problem *grummel*.
Ich habe jetzt an dem Template noch einige Änderungen gemacht:
http://filderchins.chinchillasucht.com/index3.php
Wie ihr seht, funktioniert das auf der Startseite auch einwandfrei.
Nur wenn ich auf einen anderen Verweis im Menü klicke, zerschiesst es mir das Layout und das rechte Menü wird total verschoben dargestellt, wie man hier sieht:
http://filderchins.chinchillasucht.com/index3.php?seite=news
Ich habe nun mehrere Stunden alles mögliche versucht, aber ich finde keine Lösung dafür. Das Problem entsteht, sobald ich die PHP codes in meine index3 einfüge.
Hier mal meine CSS Datei:
/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en */
body {
background-color: #e1ddd9;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
img.download {vertical-align:middle;}
/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin:10px auto auto auto;
background-color: #564b47;
}
/* ----------banner for logo-------------- */
#banner {
background-color: #840000;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;}
/* -----------------Inhalt--------------------- */
#content {
float: top left;
background-color: #ffffff;
}
div#content {
height:400px;
max-width: 500px;
overflow:scroll;
}
p, pre{
padding: 5px 10px;
margin:0;
}
/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
height:400px;
margin: 0px;
padding: 0px;
background-color: #840000;
}
#right {
float:right;
height:400px;
width:200px;
margin:0;
padding: 0;
background-color: #840000;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }
Und die index3:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<link type="text/css" href="1-3col.css" rel="stylesheet" media="screen" />
<title>Filderchins.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="container">
<div id="banner" ><p align="center"><img src="./bilder/bspheader.png" alt="Headergrafik" border="1" /></a></p>
</div>
<div id="mainnavi" >
<p><code>Plaltzhalter Hauptnavigation</code></p>
</div>
<div id="left">
<P align=center>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=home" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_home.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=news" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_news.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=about" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_about.png border=0></a><br>
<br><br>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=stammtiere" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_stammtiere.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=nachwuchs" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_nachwuchs.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=abgabe" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_abgabe.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=diekatzen" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_katzen.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index3.php?seite=videos" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_videos.png border=0></a><br>
<br>
</font></p>
</div>
<div id="right">
<P align=center>
<a href="http://filderchins.chinchillasucht.com/index2.php?seite=links" ><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_links.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index2.php?seite=gbook"><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_gb.png border=0></a><br>
<a href="http://filderchins.chinchillasucht.com/index2.php?seite=impresssum"><IMG src=http://filderchins.chinchillasucht.com/bilder/buttonsneu/b_impressum.png border=0></a></p>
<br><br><br><br><br>
<?php
$chCounter_visible = 1;
$chCounter_status = 'active';
include( '/WWWROOT/125424/htdocs/chCounter/counter.php' );
?>
</div>
<div id="content">
<?php include '_center.php'; ?>
</div>
<div id="footer"><img align="center" src="./bilder/unten.png"></div>
</div>
</body>
</html>
Wie gesagt, ich hab so ziemlich alles, was mir einfiel, durchprobiert, hatte erst readfile im div=left stehen, hatte im div=content erst kein include, sondern die Angaben direkt eingefügt, hab im CSS alles mögliche und unmögliche mit margin und sonstwas probiert, aber all das ändert nichts an meinem Problem.
Hat jemand eine Idee ?
Ich bedank mich schon mal für Eure Geduld.
LG,
Nina
Gunnar Bittersmann