| Autor |
Nachricht |
Flex
Threadersteller
Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: 
|
Verfasst Fr 28.04.2006 16:28
Titel div und float |
  |
|
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 16:29, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
| |
|
|
j.r
Dabei seit: 24.08.2005
Ort: Bocholt
Alter: 26
Geschlecht:
|
Verfasst Fr 28.04.2006 19:00
Titel
|
|
|
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
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 30
Geschlecht:
|
Verfasst Fr 28.04.2006 20:00
Titel
|
|
|
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 [...]
|
|
| |
|
|
mr.scruff
Dabei seit: 22.04.2006
Ort: Kiel
Alter: 31
Geschlecht:
|
Verfasst Fr 28.04.2006 21:44
Titel
|
|
|
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 
|
|
| |
 |
|
Flex
Threadersteller
Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht:
|
Verfasst Sa 29.04.2006 14:19
Titel
|
|
|
danke das hat geklappt 
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Hilfe: div float / width:100% - CSS float Box Model
Div mit float bei Blocksatz?
Div Float Left Problem
Mehrspaltig div /float mit fester Breite
CSS: float in darüberliegendes DIV übertragen.
Div Layer verschieben sich bei float:left
|
|
Willkommen auf dem Portal für Mediengestalter
