mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 02:52 Benutzername: Passwort: Auto-Login

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


Neues Thema eröffnen   Neue Antwort erstellen 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: 40
Geschlecht: Männlich
Verfasst Di 08.01.2008 22:50
Titel

maindiv zentrieren mit 3 unterdivs auf float left

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ferstlmarc
Threadersteller

Dabei seit: 15.01.2004
Ort: Schnaitsee
Alter: 40
Geschlecht: Männlich
Verfasst Di 08.01.2008 23:06
Titel

Problem gelöst

Antworten mit Zitat Zum Seitenanfang

Konnte es doch lösen... juhuuuuuuuuuuuuuu:

HTML:
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 style="clear:both"></div>
</div>
</body>
</html>


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;}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen Div Float Left Problem
[Float: Left] Fetter Fehler
Listenaufzählungszeichen verschwinden bei float:left
float:left höhe anpassen
5 divboxen mit float left nebeneinander?
Frage zu float & clear:left
Neues Thema eröffnen   Neue Antwort erstellen
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.