contao/test — Issue #1395: CSS-Layout TYPOlight Backend
Author: xchs
Created: 2011-11-29 07:51:41+00:00
State: open
Labels: backend, Feature

Hallo Leo,

im TYPOlight-Backend ist mir neulich aufgefallen, dass die Breite des Headers nicht mit der Breite des Containers (Spalten "left" 198px und "main" 726px) übereinstimmt; dies wird besonders dann deutlich, wenn man die Backend-Seite im Browser entsprechend vergrößert. Der Größenunterschied kommt meiner Meinung nach durch den umschließenden Header-Border von 1px Breite zustande. Der führt nämlich dazu, dass der Header eine effektive Breite von 942px hat und daher zum Container-Bereich einen Versatz von 2px aufweist.
Nachfolgend habe ich versucht, die aktuellen Größenverhältnisse des Backend-Layouts schematisch darzustellen:

```
|```|
| #header 940px |
| border: 1px |
|```|

|```|
| #container 940px |
|```| |```|
| #left 198px| | #main 726px |
| border: 1px| | border: 1px |
| | | margin-left: 10px |
|```| |```|
|```|
```

Um den Header- und den Container-Bereich rechts bündig abzuschließen, könnte man beispielsweise die Breite des Headers von 940px auf 938px reduzieren - so würde sich dann aufgrund des 1px-Borders wieder eine effektive Gesamtbreite von 940px ergeben, welche dann auch fluchtbündig mit dem Container-Bereich übereinstimmt. Diese Verringerung der Header-Breite würde meiner Ansicht nach die geringsten Anpassungen am CSS notwendig machen.

--- _Originally created on January 10th, 2010, at 11:35pm (ID 1395)_