Hulp met div's

brandon192

Kweet niet of je titel juist is maarja.
Mijn probleem is :

Ik ben bezog met een spelletjes site maken en nu wil ik graag mijn boxen onder elkaar krijgen.
nu heb ik
Box1 Box2 Box3 Box4
Als ik nu probeer
Box5 Box6 Box7 Box8
eronder te plaatsen lukt dit niet.
Op een ander forum hebben ze me vertelt dat ik een div moest maken met clear:both erin en die dan ertussen moet plaatsen maar dit helpt niet
mijn boxen plaatsen zich gwn inelkaar.
Wie o wie kan mij helpen?
ik zal ook mijn Css in een reactie plaatsen voor wie me tips kan geven.
edit:
Ik kopieer box totenmet box 4 voor box 5 tot en met 8.

brandon192

PHP

#box {
	width:220px;
	height:31px;
	margin-right:10px;
	margin-top:3px;
	float:left;
}
#box-top {
	background:#ffba00;
	width:220px;
	height:31px;
}
#box-top h1 {
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box-middle {
	border-bottom:#ffba00 1px solid;
	border-left:#ffba00 1px solid;
	border-right:#ffba00 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box-middle p {
	padding-left:8px;
}
#box2 {
	width:220px;
	height:31px;
	margin-right:10px;
	margin-top:3px;
	float:left;
}
#box2-top {
	background:#fff600;
	width:220px;
	height:31px;
}#box2-top h1 {
	color:#000000;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box2-middle {
	border-bottom:#fff600 1px solid;
	border-left:#fff600 1px solid;
	border-right:#fff600 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box2-middle p {
	padding-left:8px;
}
#box3 {
	width:220px;
	height:31px;
	margin-left:10px;
	margin-top:3px;
	float:right;
}
#box3-top {
	background:#fff600;
	width:220px;
	height:31px;
}#box3-top h1 {
	color:#000000;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box3-middle {
	border-bottom:#fff600 1px solid;
	border-left:#fff600 1px solid;
	border-right:#fff600 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box3-middle p {
	padding-left:8px;
}
#box4 {
	width:220px;
	height:31px;
	margin-top:3px;
	float:right;
}
#box4-top {
	background:#ffba00;
	width:220px;
	height:31px;
}
#box4-top h1 {
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box4-middle {
	border-bottom:#ffba00 1px solid;
	border-left:#ffba00 1px solid;
	border-right:#ffba00 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box4-middle p {
	padding-left:8px;
}

Toon Meer

Nieuwe reactie samengevoegd met originele reactie op 07.08.11 22:37:39:
hier mag een slotje op ik heb al zelf gevonden hoe ik het moet doen.

ICTscripters

Dé plek voor IT

Dé plek voor IT

nieuwe game

Kweekrijk - van stekje tot Imperium

Programmeren geocht die samen met mij maffiaskrill.com

Gezocht mafiasnextkill

Ik heb probeem in mijn dashboard.php

Fallen Kingdom Game

Hoe maken jullie een android app?

Crimora.nl

Ik verkoop maffiaskrill.com voor 30 eur0

Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

303 Nieuwe Domeinnamen Juli 2026

Hulp met div's

Participate now!

Quanscient ontvangt €10M om AI- en kwantum-native hardware engineering te bevorderen - Tech.eu

Datalek bij leverancier Canvas - Universiteit van Amsterdam

Data privacy in 2026: Hoe de naleving van GDPR verandert

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken