---
title: "DIV-Layout - drei Spalten: [*] [768px] [*]"
url: "https://www.typo3.net/d/50316-div-layout-drei-spalten-768px"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-09-20"
last_reply: "2006-09-21"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# DIV-Layout - drei Spalten: [*] [768px] [*]

Frontend › Styling · 3 Antworten · gestartet 2006-09-20

## Eröffnungsbeitrag

**automatix** · 2006-09-20 · [Beitrag #1](https://www.typo3.net/d/50316-div-layout-drei-spalten-768px/1)

Hallo allerseits!

Eine einfache Aufgabe bereitet mir große Probleme...

Drei-Spalten-Layout... Die Breite der mittleren Spalte soll fix (768px) und die Breite der zwei anderen soll je nach Bildschirmauflösung variieren -- diese zwei Spalten sollen aber immer die gleiche Breite haben. Also: ***, 768px, ***.

Da ist mein Versuch:

```html
<div id="main">
    <div id="left">1</div>
    <div id="center">2</div>
    <div id="right">3</div>
</div>
```

```html
BODY
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color:#FFFFFF;
}

#main
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    text-align:center;
}

#left
{
    width:auto;
    height:100%;
    background-color:#FF0000;
    float:left;
}

#center
{
    width:768px;
    height:100%;
    background-color:#00FF00;
    float:left;
}

#right
{
    width:auto;
    height:100%;
    background-color:#0000FF;
    float:left;
}
```

Danke.

## Antworten

### [#2](https://www.typo3.net/d/50316-div-layout-drei-spalten-768px/2) · Roger08 · 2006-09-20

Hallo,

da müsste was dabei sein (z.B. "fixed BOX zentriert")

<http://intensivstation.ch/templates/>

Roland

### [#3](https://www.typo3.net/d/50316-div-layout-drei-spalten-768px/3) · automatix · 2006-09-20

> **Roger08 schrieb:**
>
> Hallo,
>
> da müsste was dabei sein (z.B. "fixed BOX zentriert")
>
> <http://intensivstation.ch/templates/>
>
> Roland

Danke erstmal für den Link. Mein Layout ist aber leider nicht dabei... "fixed BOX zentriert" zentriert eine Spalte. Das Problem ist es aber, drei Spalten anzuzeigen, wobei die Breiten der seitigen dynamisch (nicht mal mi % bestimmt) sein müssen.

### [#4](https://www.typo3.net/d/50316-div-layout-drei-spalten-768px/4) · Unbekannter Benutzer · 2006-09-21

Warum müssen die Boxen den genau so aussehen? Ich denke es gibt keine triviale Lösung dafür, sondern du müsstest das faken, aber dann kommt es darauf an, was du damit machen willst...

---

Quelle: „DIV-Layout - drei Spalten: [*] [768px] [*]“, typo3.net, https://www.typo3.net/d/50316-div-layout-drei-spalten-768px
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.