Datenschutzerklärung
FAQ
::
Mitgliederliste
::
MGi Team
Willkommen auf dem Portal für Mediengestalter
Zur Registrierung
Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:02
Benutzername:
Passwort:
Auto-Login
Thema:
div und float
vom
28.04.2006
MGi Foren-Übersicht
->
Allgemeines - Nonprint
->
div und float
Autor
Nachricht
Flex
Threadersteller
Dabei seit
: 25.08.2004
Ort
: Im schrägen e
Alter
: -
Geschlecht
:
Verfasst
Fr 28.04.2006 15: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 15:29, insgesamt 1-mal bearbeitet
j.r
Dabei seit
: 24.08.2005
Ort
: Bocholt
Alter
: 38
Geschlecht
:
Verfasst
Fr 28.04.2006 18: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
Anzeige
Anzeige
sahnemuh
Dabei seit
: 19.06.2003
Ort
: /dev/null
Alter
: 42
Geschlecht
:
Verfasst
Fr 28.04.2006 19: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
: 43
Geschlecht
:
Verfasst
Fr 28.04.2006 20: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 13:19
Titel
danke das hat geklappt
Ä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
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.
Mediengestalter.info ist ein Projekt von
Webformatik
::
Forensoftware:
phpBB