Archief - xHTML/CSS: Css positioning probleem

I

Install

Legacy Member

• 27 mei 2008

• #1

ok ik ben bezig aan een siteje

http://www.wd-it.com/index2.html

Probleem in FF is dat ik boven en onder mijn #content een grijze balk krijg(wss van de achtergond)
in IE is dit niet. ik heb me er al rot achter gezocht en het zal wss een trucje voor zijn maar ik vind het niet

URL:http://www.wd-it.com/index2.html
CSS:http://www.wd-it.com/stylesheet.css

D

Devastate

Legacy Member

• 27 mei 2008

• #2

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;
}

I

Install

Legacy Member

• 27 mei 2008

• #3

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

D

Devastate

Legacy Member

• 27 mei 2008

• #4

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.

I

Install

Legacy Member

• 27 mei 2008

• #5

thx voor snelle reactie en thx voor hulp

D

Devastate

Legacy Member

• 27 mei 2008

• #6

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.

I

Install

Legacy Member

• 27 mei 2008

• #7

Worked like a charm
thx m8

X

Xavez

Legacy Member

• 28 mei 2008

• #8

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 .

n

n00bslayer

Legacy Member

• 28 mei 2008

• #9

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.

D

Devastate

Legacy Member

• 28 mei 2008

• #10

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 .

Klik om te vergroten...

thx voor de tip; ga ik zeker zelf is proberen