Archief - Probleem met verspringen op IE 6 en 7

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.
t

tonymontana

Legacy Member
Hello 9livers

Ik heb een probleempje dat ik vrij snel moet oplossen maar helaas niet het antwoord op weet. Hopelijk weet hier iemand raad :hug:

Ik heb op mijn site links een logo met daarnaast een banner. Deze toont goed op alle browsers behalve in IE6 en IE7. Hier komt de banner pas tevoorschijn onder het logo. Er is ook een background die doorloopt achter het logo en de banner.

Dit is mijn code:
PHP: 
<div id="logo"><img src="logo.png" width="210" height="110" border="0"/></a>
<div id="bannerad"><script type="text/javascript">
if (typeof(et_ord)=='undefined')
et_ord=Math.floor(Math.random()*10000000000000000);
if (typeof(et_tile)=='undefined') et_tile=1;
document.write('<........
</script>
<br /></div></div>


en hier is mijn css:
PHP: 
#logo {
	position:relative;
	height:110px;
	width: 990px;
    background: url('background.png') no-repeat 0% 0%; 
	padding: 0px;
	border: none;
}


#bannerad {
	display: inline;
	position: relative;
	height: 90px;
	width: 728px;
	float: right;
	margin-top: 7px;
	border: none;
}

thanks! :)
-

-BVR-

Legacy Member
Ge hebt nergens een opening a-tag?

Edit: en gooi die position: relatives weg. Hier echt niet relevant. Die display: inline; lijkt me ook overbodig.

Voeg ook dit toe:

Code: 
#logo > img {float: left;}

En vergeet uw IMG geen alt mee te geven!
t

tonymontana

Legacy Member
Ik heb de code wat opgeruimd om makkelijker te lezen. De <a> was de link op het logo maar blijkbaar vergeten alles weg te doen.

Heb alles aangepast zoals je zei maar het probleem is nog steeds hetzelfde.

#logo {
position:relative;
height:110px;
width: 990px;
background: url('background.png') no-repeat 0% 0%;
padding: 0px;
border: none;
img float: left;

}
Klik om te vergroten...

als ik position:relative; weglaat verschuift de banner naar de achtergrond maar nog steeds op de verkeerde plaats. De display Inline heb ik ook achterwege gelaten.
-

-BVR-

Legacy Member
Neen die img float is een aparte lijn hé. :) Dat stukje code dat ik typte mag op een nieuwe lijn.

Dus:

Code: 
#logo {
position:relative;
height:110px;
width: 990px;
background: url('background.png') no-repeat 0% 0%; 
padding: 0px;
border: none;
}

#logo > img {float: left;}
-

-BVR-

Legacy Member
Heb het even getest. Als je die link links float werkt het wel.

Dus:
Code: 
#logo > a {float: left;}
t

tonymontana

Legacy Member
Thanks, dat lijkt inderdaad het probleem. Gelukkig dat ik die <a> niet goed had weg gedaan :)

Ik wist niet dat dergelijke dingen bestonden in css.
-

-BVR-

Legacy Member
? Wat bedoel je met 'niet goed had weggedaan' en 'die dingen in css'?
t

tonymontana

Legacy Member
Laat maar, ik maak het weer ingewikkelder dan nodig :)
Wat css betreft bedoel ik deze: ">"


In IE6 werkt het wel nog niet maar dat is zo erg niet. Nogmaals bedankt!
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