FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: maindiv zentrieren mit 3 unterdivs auf float left vom 08.01.2008

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> maindiv zentrieren mit 3 unterdivs auf float left

Autor

Nachricht

ferstlmarc
Threadersteller

Dabei seit: 15.01.2004
Ort: Schnaitsee
Alter: 28
Geschlecht: Männlich

Verfasst Di 08.01.2008 23:50
Titel

maindiv zentrieren mit 3 unterdivs auf float left

Hi all... hab gedacht... dann gesucht (nix gefunden), und jetzt poste ich *zwinker*

Also ich hab folgenden html Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>ich rast bald aus</title>
</head>
<body>
<div id="maindiv">
<div class="eins">eins</div>
<div class="zwei">zwei</div>
<div class="drei">drei</div>
</div>
</body>
</html>

So wie ist die CSS dafür, wenn folgende Maße zutreffen sollen?
maindiv: width: 900px (der soll zusätzlich zentriert sein, weil da ja der Hund begraben liegt)
eins-div: width: 300px; float:left
zwei-div: width: 300px; float:left
drei-div: width: 300px; float:left

Also ausschauen solls dann so, das im maindiv die drei anderen divs nebeneinander stehen.
Insgesamt soll der maindiv zentriert sein.

Kann mir jemand helfen? Ich komm einfach ned drauf.

Danke und Gruß
Marc

ferstlmarc
Threadersteller

Dabei seit: 15.01.2004
Ort: Schnaitsee
Alter: 28
Geschlecht: Männlich

Verfasst Mi 09.01.2008 00:06
Titel

Problem gelöst

Konnte es doch lösen... juhuuuuuuuuuuuuuu:

HTML:

Code:

CSS:

Code:

body {                margin:          0px;
                  background:          #FFFFFF;
                  background-image:    url(img/bg.jpg);
                  background-position: top;
                  background-repeat:    repeat-x;}

#maindiv {             width:             900px;
                  margin: 0px auto 0px auto;}

.top {                width:             300px;
                  float:             left;}

.links {             width:             300px;
                  float:             left;}

.rechts {             width:             300px;
                  float:             left;}


	MGi Foren-Übersicht -> Allgemeines - Nonprint

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.