---
title: "divs an Content anpassen funktioniert nicht !"
url: "https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-02-13"
last_reply: "2006-02-20"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# divs an Content anpassen funktioniert nicht !

Frontend › Styling · 7 Antworten · gestartet 2006-02-13

## Eröffnungsbeitrag

**Mauki** · 2006-02-13 · [Beitrag #1](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/1)

Ich versuche auf meiner [Webseite](http://typo3.markus-burkhardt.de) 2 verschiedene divs sich automatisch an den Content anpassen zu lassen. Das wäre die Navigation (box3) und der Content (box4).

Ich habe es mal mit height: 100%; probiert, das funktioniert aber nicht. Wie schaff ich es denn, das beide Inhalte immer gleich lang sind, auf jeden Fall so lang wie der Content ?

```html
body {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #000000;
	}

#container {
	width: 968px;
	}

.box2{
        padding:5px 20px 5px 5px;
	background-color: #5B91AD;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
        }

.box3{

	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	float:left;
	width:160px;
        height: 100%;
	background-color: #5B91AD;
	}

.box4{
	float:none;
	padding:15px 20px 10px 25px;
	margin: 0px 0px 0px 165px;
	line-height: normal;
	text-align: justify;
	background-color: #FFFFFF;
        height: 100%;
	}
```

## Antworten

### [#2](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/2) · steffenk · 2006-02-13

indem Du body und html auch 100% Höhe zuweist.

body,html {width:100%;}

### [#3](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/3) · Mauki · 2006-02-13

> **steffenk schrieb:**
>
> indem Du body und html auch 100% Höhe zuweist.
>
> body,html {width:100%;}

Du meinst body,html {height:100%;}

Das habe ich zugewiesen, funzt aber auch nicht ?

### [#4](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/4) · fhw · 2006-02-16

Hi,

ich kann bei diesem Problem die YAML-Webseite empfehlen:
<http://www.highresolution.info/webdesign/yaml/>

Da findest du bestimmt eine entsprechende Design-Vorlage,
die dein Problem löst.

Hth,
Torben

### [#5](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/5) · Mauki · 2006-02-17

Naja der Link ist sehr interessant für zukünftige Projekte. Meine Vorlage komplett umbauen will ich eigentlich nicht.

Mir scheint aber das Float sich eigentlich nicht auf die Höhe bezieht oder ?

Wir macht ihr das den das die Seite immer von der Höhe schon an den Inhalt angepasst ist. Sicherlich arbeitet der ein oder andere auch mit DIVs ?

### [#6](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/6) · steffenk · 2006-02-17

dann schau Dir mal folgenden Artikel an, dann sollte es funktionieren
<http://tuts.nicogutmann.de/css/faux_columns.php>

### [#7](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/7) · Mauki · 2006-02-20

> **steffenk schrieb:**
>
> dann schau Dir mal folgenden Artikel an, dann sollte es funktionieren
> <http://tuts.nicogutmann.de/css/faux_columns.php>

Das habe ich mal probiert, aber irgendwie scheint das nicht zu funktionieren. Bei mir wird die Grafik irgendwie nicht angesprochen obwohl alles korrekt scheint ?

Mein Code sieht so aus:

```html
<div class="hoehe">

  <div class="box3">
###navi_links###
<br />
<br />
###termine###
 </div>

<div class="box4">
###klickpfad###
<br />
<br />
###content###
<br />
<br />
<br />
###fuss###
</div>
  </div>
```

Hab das folgende Stylesheet:

```html
/* Stylesheets für Höhenanpassung*/

div.hoehe {
           width:968px; 
           overflow:auto; /* Aufgrund des Floatens der Innencontainer */
           background: url(../fileadmin/images/faux_columns.jpg) 0 0 repeat-y; /* Der Fälscher tritt in Erscheinung */
           }
```

### [#8](https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht/8) · Mauki · 2006-02-20

So hab meinen Code noch ein wenig umgebastelt und jetzt funzt es. Auch die Ansicht im IE Win ist jetzt korrekt. Der hat ja immer nen Rand zwischen den Boxen angezeigt, da er das Boxen Modell nicht korrekt interpretiert.

---

Quelle: „divs an Content anpassen funktioniert nicht !“, typo3.net, https://www.typo3.net/d/37773-divs-an-content-anpassen-funktioniert-nicht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.