|
|||
3 divs zentriert nebeneinander
Hallo Kollegen -
ich habe folgenses Problem mit u.a. Code. 1. IE stellt mir die gesamte Seite nicht zentriert dar trotz margin-left: auto; und margin-right: auto; 2. Ich möchte die 3 divs (left, middle, right) im Content div nebeneinander, insgesamt zentriert, darstellen mit einem Abstand zum div middle von 10px. Wie funktioniert das im IE und FF sauber ohne großartig mit Pixeln herunzurechnen? Herzlichen Dank schonmal! Code:
<html> <head> <title>Layout</title> <style type="text/css"> * { padding: 0em; margin: 0em; } body { background: #FFFFFF; } #main { background: #000000; width: 800px; margin-left: auto; margin-right: auto; } #menu { background: #CCC8B3; height: 100px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } #header { background: #F6F0E0; height: 200px; margin: 10px 10px 10px 10px; } #content { background: #CFB59F; margin: 10px 10px 10px 10px; } #left { background: #BFBD93; width: 243px; height: 300px; float: left; } #right { background: #BFBD93; width: 243px; height: 300px; float: right; } #middle { background: #BFBD93; width: 253px; height: 300px; margin-left: auto; margin-right: auto; } #footer { background: #CCC8B3; height: 100px; margin-left: 10px; margin-right: 10px; clear: both; } </style> </head> <body> <div id="main"> <div id="menu"> <p>menu</p> </div> <div id="header"> <p>header</p> </div> <div id="content"> <div id="left"> <p>left</p> </div> <div id="right"> <p>right</p> </div> <div id="middle"> <p>middle</p> </div> </div> <div id="footer"> <p>footer</p> </div> </div> </body> </html> |
Sponsored Links |
|
|||
Informier dich über den "Doctype Switch" und nimm den IE aus dem Quirksmodus.
Dann gibt's auch nicht mehr viel, was zu rechnen ist.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
2 divs nebeneinander | smartexport | CSS | 6 | 16.04.2010 17:22 |
2 DIVs nebeneinander ganzheitlich zentriert | SchlechterInformatiker | CSS | 2 | 12.11.2009 03:29 |
Divs nebeneinander... | Sengi | CSS | 4 | 23.05.2009 09:23 |
divs fließend nebeneinander, der letzte bis zum seitenrand | deelite | CSS | 2 | 17.03.2009 22:04 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 07:32 |