Archief - xHTML/CSS: Css positioning probleem

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.

Devastate

Legacy Member
Je hebt boven en onder je p-tags een 12px margin genomen, komt daarvan. (hoewel ik dit niet in je css zie staan meteen).

Wat ik persoonlijk altijd doe is in het begin van m'n css het volgende zetten:

Code:
* { 
margin: 0;
padding: 0;
}

maar je kan het in dit geval ook oplossen door te zeggen:

Code:
p {
margin: 0;
}

Install

Legacy Member
Ok dit is gelukt
mar nu heb ik nog een 2de bug en dat is die opening :s

Devastate

Legacy Member
uw css is nogal een mess; ge spreekt op een bepaalde plaats zelfs 2 keer uw menu aan... maar ik zal het eens verder bekijken voor u.

edit: een clear: both; toepassen op uw p-tag does the trick.

maar het is mss op de lange termijn beter dat ge een div-klasse maakt die clear't ofzo.

Devastate

Legacy Member
ge kan dus zeggen voor die div (als je die gaat gebruiken):

html:
HTML:
....
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- hier komt uw div die uw floats cleart -->
<div class="spacer"></div>
<div id="content">
    <p> Lorem ipsum dolor sit amet, consectetuer adi....

css:
Code:
.spacer {
  clear: both;
}

dat zou moeten werken denk'k :)


of de simpele weg is gewoon op uw P-tags die clear: both; zetten.

Xavez

Legacy Member
Ofwel, de div die ge wilt clearen de klasse "clear" meegeven en dan:

Code:
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

Dan heb je dus geen lege cleardiv nodig :).

n00bslayer

Legacy Member
Ik ben nog altijd fan van het toekennen van een overflow property aan de container (bvb overflow:auto), lijkt me ook het minst onnatuurlijke om te doen.

Devastate

Legacy Member
Xavez zei:
Ofwel, de div die ge wilt clearen de klasse "clear" meegeven en dan:

Code:
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

Dan heb je dus geen lege cleardiv nodig :).

thx voor de tip; ga ik zeker zelf is proberen :bow:
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