mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

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

Thema: div und float vom 28.04.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> div und float
Autor Nachricht
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Fr 28.04.2006 15:28
Titel

div und float

Antworten mit Zitat Zum Seitenanfang

ich will 6 div boxen haben welche zentriert in einem div liegen.
jeweils immer 3 pro reihe, also 3 oben und 3 untendrunter.

wie mache ich das, ich habe schon alle möglichen floats ausprobiert, es klappt einfach nicht:-(


Zuletzt bearbeitet von Flex am Fr 28.04.2006 15:29, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
j.r

Dabei seit: 24.08.2005
Ort: Bocholt
Alter: 38
Geschlecht: Männlich
Verfasst Fr 28.04.2006 18:00
Titel

Antworten mit Zitat Zum Seitenanfang

Also ich würde das so machen:

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=iso-8859-1" />
<title>Div</title>
<style type="text/css">
#box {
   margin: 0 auto;
   width: 600px;
   }
.float {
   float:left;
   width: 200px;
   background-color: #006666;
   }
</style>

</head>
<body>
 <div id="box">
  <div class="float">eins</div>
  <div class="float">zwei</div>
  <div class="float">drei</div>
  <br />
  <div class="float">vier</div>
  <div class="float">fünf</div>
  <div class="float">sechs</div>
</div>
</body>
</html>


gruß
j.r
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 28.04.2006 19:00
Titel

Antworten mit Zitat Zum Seitenanfang

gewöhn dir doch bitte mal an ein wenig sourcecode zu posten..
wir haben hier alle keine glaßkugel stehen.

wie breit ist dein container, wie breit sollen die elemente darinnen sein, was für abstände sollen sie untereinander haben [...]
  View user's profile Private Nachricht senden
mr.scruff

Dabei seit: 22.04.2006
Ort: Kiel
Alter: 43
Geschlecht: Männlich
Verfasst Fr 28.04.2006 20:44
Titel

Antworten mit Zitat Zum Seitenanfang

html

Code:

<div id="container">
   <div id="box01"></div>
   <div id="box02"></div>
   <div id="box03"></div>
   
   <div id="box04"></div>
   <div id="box05"></div>
   <div id="box06"></div>
</div><!-- /container -->


css

Code:

#container {
width:640px;
height:420px;
margin: 70px auto 0 auto;
}

#box01 {
width:200px;
height:200px;
float:left;
margin:0 20px 20px 0;
}

#box02 {
width:200px;
height:200px;
float:left;
margin:0 20px 20px 0;
}

#box03 {
width:200px;
height:200px;
float:left;
clear:right;
margin:0 0 20px 0;
}

#box04 {
width:200px;
height:200px;
float:left;
margin:0 20px 0 0;
}

#box05 {
width:200px;
height:200px;
float:left;
margin:0 20px 0 0;
}

#box06 {
width:200px;
height:200px;
float:right;
clear:right;
margin:0;
}


sollte so funzen *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Sa 29.04.2006 13:19
Titel

Antworten mit Zitat Zum Seitenanfang

danke das hat geklappt * Applaus, Applaus *
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hilfe: div float / width:100% - CSS float Box Model
[css] IE und float
<tr> Float in IE7
Css FLOAT
[css] float und xp
float und elternelement
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.