Wie man hier sehen kann, habe ich das Problem, dass wenn ich mehr text eingebe als auf einem content-hintergrunde platz ist, der Navigationshintergrund und der rechte seiten hintergrund nicht mitgehen. Gibt es eine Möglichkeit dass zu machen?
Danke im vorraus, hier die codes:
Css:
HTML
Danke im vorraus, hier die codes:
Css:
Code:
body {
color: #00006E; /* Farbe jedes Textes. Es seidenn die Farbe wird für einzelne DIV´s anderst definiert */
background-color: #000000; /* Oder irgend ein Muster */
}
#Seite {
width: 800px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
#Header {
height: 162px;
width: 800px;
background-image: url(website/header.jpg);
background-repeat: no-repeat;
}
#Left {
float: left;
min-height: 329px;
width: 262px;
background-image: url(website/left.jpg);
background-repeat: repeat;
}
#Content {
float: left;
min-height: 329px;
width: 484px;
background-image: url(website/content.jpg);
}
#Right {
float: left;
min-height: 329px;
width: 54px;
background-image: url(website/right.jpg);
background-repeat: repeat;
}
#Footer {
clear: both;
height: 107px;
width: 800px;
background-image: url(website/footer.jpg);
background-repeat: no-repeat;
}
p { /* Gibt Allgemein die Eigenschafft von p an */
padding: 5px 10px 5px 30px; /* Hier padding alleine die 1.Zahl ist oben, die 2.Zahl ist rechts und so weiter (Uhrzeigersinn, beginnend bei 12Uhr) */
font-size: 13px;
font-family: Arial, Tahoma;
}
h1 { /* Gibt Allgemein die Eigenschafft der Übersschrift h1 an */
padding: 5px 10px 5px 40px;
font-size: 15px;
font-weight: bold;
font-family: Arial, Tahoma;
}
#Left a:link, #Left a:visited { /* sind die Schaltflächen nicht berührt, so wird nur 40px von den 80px die menu.png hat angezeigt */
display: block;
height: 18px;
width: 200px;
color: #ffffff;
text-decoration: none;
}
#Left a:hover { /* fährt man nun mit der Maus über einen Link, so werden die anderen 40px angezeigt, weiter ändert sich auch die Farbe des linkes */
background-position: 0px -40px;
color: #000000;
}
#Left p { /* Hier wird wieder p speziell für Left definiert, sodass man die URL-Texte gut lesen kann*/
padding-top: 0px;
font-size: 20px;
font-weight: bold;
text-indent: 20px; /* Gibt den Texteinzug an, sodass der Text nicht auf dem Dot beginnt */
font-family: Arial;
}
#Content a:link, a:link:hover{ /* Link, Besuchter Link und Aktiver Link */
color: #720000; /* Farbe des Links */
text-decoration: none; /* kein Unterstrichener Link */
}HTML
Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Startseite</title>
<link rel="stylesheet" type="text/css" href="css.css" >
</head>
<body>
<div id="Seite">
<div id="Header"></div>
<div id="Left"><p></p>
<a href="index.html"><p>News</p></a>
<a href="band.html"><p>Band</p></a>
<a href="bio.html"><p>Bio</p></a>
<a href="media.html"><p>Media</p></a>
<a href=".html"><p>Gästebuch</p></a>
<a href="kontakt.html"><p>Kontakt</p></a>
</div>
<div id="content">
<p>27. Juni 2007:<br /> Am 21. Juni, pünktlich zum Sommeranfang war es dann wieder so weit, Frederik kam aus Amerika zurück. Gleich am nächsten Tag wurde eine Party für ihn veranstaltet wo wir auch einen Auftritt geplant hatten.<br /><img src="http://www.the-imperfection.de/joomla/images/zoom/IRUUUO/DSCN0596.jpg" width="400"><br />Nach zwei stündiger Probesession vor der Party (wir hatten ja seit Monaten nicht mehr alle zusammen geübt da Fred in den Staaten war) kamen die ersten Gäste. Es war fünf Uhr und die ersten Bierdeckel flogen. Mehr und mehr Leute kamen und die Stimmung wurde besser und besser.<br />
Wir wurden langsam unruhig da unser fünfteiliger(5 songs) Auftritt näher kam.<br />
Um sieben gings dann los. Das erste Lied wurde für Fred, das heisst Marwin am Schlagzeug, gespielt. Es war eine von uns eigen umgeschriebene Version von dem Lied Westerland. Dann ging es los in voller Bandgröße. Wir spielten alle Lieder relativ Fehlerfrei, leider war der Gesang zu leise.<br />
Es war auf jeden Fall ein toller Abend. EIn paar Bilder gibt es in unserer Galerie und Videos folgen demnächst!
Bis dann,
Eure Lieblingsband :D<br />mfg. Freddy</p>
</div>
<div id="Right"></div>
<div id="Footer"></div>
</div>
</body>
</html>
