---
title: "Hintergrundfarben wiederholen"
url: "https://www.typo3.net/d/50248-hintergrundfarben-wiederholen"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-09-19"
last_reply: "2006-09-19"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Hintergrundfarben wiederholen

Frontend › Styling · 2 Antworten · gestartet 2006-09-19

## Eröffnungsbeitrag

**slack1982** · 2006-09-19 · [Beitrag #1](https://www.typo3.net/d/50248-hintergrundfarben-wiederholen/1)

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

## Antworten

### [#2](https://www.typo3.net/d/50248-hintergrundfarben-wiederholen/2) · toyde · 2006-09-19

Die Frage ist in einem CSS-Forum besser aufgehoben. TYPO3 hat hier keinen Einfluss. Suche über Google nach "css spalten" oder "css div höhe" oder "css div height", etc..

grüsse

### [#3](https://www.typo3.net/d/50248-hintergrundfarben-wiederholen/3) · slack1982 · 2006-09-19

ok, danke!

Gruß Alex

---

Quelle: „Hintergrundfarben wiederholen“, typo3.net, https://www.typo3.net/d/50248-hintergrundfarben-wiederholen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.