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

Het Grote Vibe Code Topic

Ictscripters Chat

PWYL source gezocht

Help testers nodig voor android app Urgent

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Afspraken systeem met planbeperking

Developer Gezocht

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

370 Nieuwe Domeinnamen April 2026

Snel een website nodig?

Sicarras.com - Moderne Mafia Text-Based RPG

Hulp met div's

Participate now!

Datalek bij leverancier Canvas - Universiteit van Amsterdam

Data privacy in 2026: Hoe de naleving van GDPR verandert

Tech.eu - Europees Start-up, Financiering en Technologienieuws

Functioneel ontwerp

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

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