Om mijn website wat op te leuken wil ik met een divje een border maken met een achtergrondplaatje erin. Als ik echter een DIV height opgeef pakt IE deze hoogte niet, Firefox wel. Is dit een bekend probleem en wat kan ik hieraan doen??

Dit is mijn CSS code:

[CODE]
#main_top
{
position: absolute;
top: 0px;
left: 0px;
width: 700px;
height: 5px !important;
background-color: #66CC66;
background-image: url(images/main_top.png);
background-repeat: repeat-y;
background-position: right;
}
//[CODE]

En dit is mijn DIV:
[CODE]
<div id="main_top"></div>
//[CODE]

Alvast bedankt!
Nee, margin of padding heeft hier niets mee te maken. Ik ben even wat verder gaan proberen en het resultaat verbaasde mij nogal.

Het blijkt dat de minimale hoogte die een div kan hebben in IE ook afhangt van de font-size binnen die div, ook al gebruik je helemaal geen tekst in de div. Met andere woorden, geef de betreffende div een font-size van 1px mee en de hoogte zal wel geaccepteerd worden.
Blanche schreef op 11.12.2007 11:57
Nee, margin of padding heeft hier niets mee te maken. Ik ben even wat verder gaan proberen en het resultaat verbaasde mij nogal.

Het blijkt dat de minimale hoogte die een div kan hebben in IE ook afhangt van de font-size binnen die div, ook al gebruik je helemaal geen tekst in de div. Met andere woorden, geef de betreffende div een font-size van 1px mee en de hoogte zal wel geaccepteerd worden.


Weer wat geleerd, maar het word snel tijd dat IE6 van iedere computer afgeflikkerd word, want je moet echt alles omzeilen wil je hem ook daarin goed hebben :S.

@niek, handige link!
Ook in IE7 is dit het geval. Probeer het maar eens uit...
Dat is flink balen, ikzelf heb geen IE7, maar geloof je blindelings.
Ik ga mijn site ook maar eens testen op meerdere browers dan alleen IE6 en FF. Begin lichtelijk te twijfelen of ze er daar wel goed op uitzien :S.
Op naar IE8 die strict met de regels omgaat net zoals FF? ;)
Inderdaad na het aanpassen van de font-size werkt het wel! Toch een stuk minder omslachtig dan het werken met een op maat gemaakte bg image. Bedankt voor de hulp iedereen!
Dat is flink balen, ikzelf heb geen IE7, maar geloof je blindelings.
Misschien toch maar eens installeren dan? Hij zit gewoon in windows update. Het is in ieder geval een hele vooruitgang tov IE6.

@Robin: graag gedaan...
Blanche schreef op 11.12.2007 12:16
Dat is flink balen, ikzelf heb geen IE7, maar geloof je blindelings.
Misschien toch maar eens installeren dan? Hij zit gewoon in windows update. Het is in ieder geval een hele vooruitgang tov IE6.

@Robin: graag gedaan...


Ja klopt, ik kreeg laatst ook de keuze of ik het wilde installeren. Maar de doelgroep van mijn website snapt over het algemeen niets van computers en ik ga ervan uit dat ze bijna allemaal nog met IE6 werken. Dus als het echt niet meer anders kan ga ik pas over op IE7.
Maar ik heb begrepen dat ik ze ook naast elkaar kan draaien dus dat ga ik maar doen. Is toch wel handig.
Je kunt verschillende IE browsers gewoon naast elkaar draaien. Dus waarom zou jij blijven steken op IE6 als je enige reden is dat je die browser als testbrowser wilt gebruiken.

Je moet sowieso testen in meerdere browsers, en met het oog op de toekomst valt daar ook zeker IE7 onder!
Juist ja, maar mijn extra reden is dat ik weet dat mijn doelgroep nog geen IE7 heeft. Het zal nihil zijn. Dus zodra je moet overstappen, weet ik zeker dat mijn hele doelgroep IE7 heeft. Ik kan je 100% zeker zeggen dat ze geen FF hebben. Die had ik eerst ook niet totdat ik mijn oude site zag in FF, toen schrok ik wel behoorlijk. Nu de site gemaakt in FF en daarna pas getest in IE6.
Maar je hebt gelijk ik moet gewoon standaard testen in meerdere browsers.
Maar ik ga dat niet doen op Linux of MAC, want dat draait bijna niemand. En wederom mijn doelgroep ook niet ;).

Reageren