zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 divs zentriert nebeneinander

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.03.2009, 12:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.01.2009
Beiträge: 12
StefanE befindet sich auf einem aufstrebenden Ast
Standard 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.03.2009, 12:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Informier dich über den "Doctype Switch" und nimm den IE aus dem Quirksmodus.
Dann gibt's auch nicht mehr viel, was zu rechnen ist.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:31 Uhr.