Archief - HTML/CSS: div float probleem in FF

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
s

sabaoth

Legacy Member
Ik heb een probleem met mijn css.

css: bestand
Code: 
body{
		margin-left: 15%;
		margin-right: 15%;
		background-color: black;
		color: green;
		
		font-family: Arial;
	}
	
	#wrapper{
		margin: 1em;
		
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		
		border: solid thin gray;
	}
	
	#box{
		border: solid thin green;
	}
	
	.left{
		float: left;
	}


Ik heb dus 1 wrapper en daar wordt al de rest in geplaatst.
Het probleem is, als ik een div met class Left in de wrapper zet wordt deze niet automatisch langer in Firefox (wel in IE).

Voorbeeld

Kan er iemand mij vertellen wat ik fout doe?
B

Bram

Legacy Member
zet onder uw <div class="left"> een <div class="clear"> met css property ".clear {clear: both}"
D

Devastate

Legacy Member
op het einde van je wrapper (wel nog binnen de wrapper) maak je een lege div (heb ik hier spacer genoemd), en dan pas je daar
Code: 
  .spacer{
    clear:both;
  }
op toe. De fout komt omdat je box een float had; maar die nergens gestopt werd, en dus boven je kader "floatte".


edit: meh, te laat.
s

sabaoth

Legacy Member
en die Clear stopt de float dan? (ik ben nie zo'n css expert :p )
D

Devastate

Legacy Member
ja, clear both stopt je float.
en is ook de "juiste" manier ja.
s

sabaoth

Legacy Member
Ok bedank! :)

Nog 1 vraaje :p

Stel dat ik nu naast de box met test123 nog een box wil, die helemaal tot het rechtse uiteinde gaat. Kan ik dan gewoon een box zonder class left zetten?
s

sabaoth

Legacy Member
Maar dan rekt hij ni over de plaats die er nog over is. Hij is maar zo groot dat hij nodig is (aan de hand van de inhoud).
B

Bram

Legacy Member
gewoon ook float left dan best...
stel da uw wrapper 800px breed is en uw box 100, maak uw tweede 700 breed en float die ook left... dan gaat em der schoon aanhangen. Der zijn manieren om mee percentages en margins te werken ook, zodat em automatisch vult, maar die ken ik niet... Google'll have the answer.
s

sabaoth

Legacy Member
aha :) zal ik is wat research doen over de margins en percentages, thx
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan