Hallo
Ik ben bezig met een site te basen in CSS+html maar nu heb ik weer een probleem.
Bekijk deze even in IE en FF: http://thospatiadesigns.com/ringtone01/site/index.html
In FF is het goed, maar in IE is die bovendste afbeelding dubbel. Als ik dit: background-repeat: no-repeat; nog erbij zet in head3, dan is die afbeelding niet meer dubbel, maar dan is er een opening. Ik heb dit bijna altijd met mijn layouts, en dan gebruik ik maar IE hacks. Nu wil ik eens af van die hacks, en daarom is mijn vraag: hoe kan ik dit valid oplossen?
Style: http://thospatiadesigns.com/ringtone01/site/style.css
Ik hoop dat jullie me kunnen helpen.
Mvg Martijn

misschien moet je topmargin aanpassen ?

nee dat heb ik ook al geprobeerd.

Dat komt wsl weer omdat IE de minimum-hoogte neemt van het lettertype.

Dit lost het probleem op:

Code:

#head3 {
	width: 750px;
	height: 11px;
	font-size:1px;
	background-image: url(images/head3.jpg);
}

Ok bedankt.
Ik had het ook op een ander forum gevraagd waar iemand er nu ook al 3 heeft gegeven.
Dus een van de 4 zal wel werken hoop ik. :)
Ik probeer ze straks allemaal als ik thuis ben.

Mvg Martijn

Wat waren de andere oplossingen ?

Oplossing 1
In je stylesheet #head3 even aanpassen naar:

Code:

 #head3 {
    width: 750px;
    height: 11px;
}

En in index.html

Code:

<div id="head3"></div>

veranderen in:

Code:

<div id="head3"><img src="images/head3.jpg" alt=""></div>

Oplossing 2:
Je stylesheet zo houden. Een doorzichtige afbeelding van 1px bij 1px maken, en die weergeven in de head3-div.

Dit brengt mij bij oplossing 3:
Stylesheet bij #head3 even uitbreiden met:

Code:

line-height: 11px;

En dan een enter plaatsten in je DIV.

Code:

<div id="head3"><br></div>

Dan toch liever mijn oplossing ! ;-)

Ik zou persoonlijk die head2 in die head3 hebben gezet, ipv eronder. Dan geef je de head2 een topmargin van 11px (of nog beter: de head3 een toppadding van 11px) en het is helemaal in orde.

wat bedoel je met die head2 in de head3?
Ik ga de verschillende oplossingen nu even uittesten.

Edit// Bij de 1ste komt er een opening boven head3.jpg en onder head3.jpg. Bij de 2de is de fout nog hetzelfde. Ik weet niet zeker als ik het goed doe, maar ik denk het wel. En de derde werkt perfect. Die van Dirk werkt ook perfect.
Dus ik ben er uit maar wat is nu de beste?
Mvg Martijn