Hallo Forum,
finde leider im Netz keine passende Lösung für mein Problem:
Beschreibung:
Ich habe drei Bereiche: LINKS; MITTE; RECHTS;
LINKS und RECHTS sollen jeweils eine Hintergrundfarbe bekommen und sind entsprechend der Menülänge eine bestimmte Höhe groß;
Wenn aber MITTE (mit dem Inhalt) länger ist als LINKS oder RECHTS so werden die Hintergrundfarbein nicht "repeatet".
Ich möchte das so einstellen, das die Hintergrundfarben entsprechend des mittleren Bereichs angepasst werden.
Hier meine css datei:
/* CSS Document */
/*body {
text-align:center;
}*/
/*img.block {
display:block;
}*/
h1 {
color: #005b78;
font-size: 14px;
font-weight: bold;
font-family: Verdana
}
.bodytext {
text-decoration: none;
color: #333;
font-size: 10px;
font-family: Verdana
}
.bodytext a {
text-decoration: none;
color: #333;
font-size: 10px;
font-family: Verdana;
font-weight: bold
}
div#container {
margin-top: 20px;
margin-left:auto;
margin-right:auto;
text-align:left;
width: 900px;
border: solid gray 1px;
background-color: #FFFFFF;
}
div#center {
height: 350px;
}
div#header {
height: 100px;
border-bottom: 1px solid gray;
background-color: #021680;
}
div#top {
float: right;
padding-top:5px;
padding-right: 5px;
padding-bottom: 5px;
color: silver;
}
div#top a {
text-decoration:none;
font-family: Verdana;
font-size: 10px;
color:silver;
font-weight: bold;
}
div#logo {
height:40px;
float: left;
padding-top:5px;
padding-left: 5px;
padding-bottom: 5px;
}
div#head {
padding-top: 5px;
font-size: 10px;
font-family = Verdana
}
div#head a {
text-decoration:none;
color:silver;
}
div#left {
width: 185px;
float:left;
padding-left: 5px;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 5px;
background-color: #F5F5F5;
}
div#center {
padding-top: 10px;
padding-left: 10px;
float: left;
padding-bottom: 10px;
}
div#right {
float: right;
width: 185px;
padding-top: 15px;
text-align: center;
padding-bottom: 5px;
background-color: #F5F5F5;
}
div#footer {
clear:both;
background-color: #021680;
border-top: 1px solid gray;
font-family: Verdana;
text-align: center;
font-size: 10px;
height: 20px;
padding-top: 5px;
color: silver;
}
.navi {
padding-top: 5px;
padding-bottom: 5px;
color: #333;
font-size: 12px;
font-family: Verdana;
text-decoration: none;
}
.navi:hover {
color:gray;
font-size: 12px;
font-family: Verdana;
}
.navi_active {
padding-top: 5px;
padding-bottom: 5px;
color: #333;
font-weight: bold;
font-size: 12px;
font-family: Verdana;
text-decoration: none;
}
.subnavi {
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
color: #333;
font-family: Verdana;
margin-left:5px;
font-size: 10px;
}
.subnavi_active {
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
color: #333;
font-family: Verdana;
margin-left:5px;
font-size: 10px;
font-weight: bold;
}
Um evtl. das geschriebenen nachvollziehen zu können, hier der Link 213.139.154.35
danke im Voraus
Gruß Alex