CSS height werkt niet in IE
Dit is mijn CSS code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#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!
{
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!
Deze regel wordt niet gelezen door IE, haal !important weg als je dan wel het geval wil laten zijn...
De !important had ik er eigenlijk alleen gezet omdat de hoogte niet gepakt werd en ik alleen deze regel wist... verder heb ik nu geen idee hoe ik er voor kan zorgen dat ik de gewenste hoogte in kan stellen. Iemand nog suggesties misschien?
Robin Cijvat schreef op 11.12.2007 10:50:
De !important had ik er eigenlijk alleen gezet omdat de hoogte niet gepakt werd en ik alleen deze regel wist... verder heb ik nu geen idee hoe ik er voor kan zorgen dat ik de gewenste hoogte in kan stellen. Iemand nog suggesties misschien?
Gewoon in je div: zetten. Die !important is een IE hack, die gebruik je alleen maar als het nodig is (om iets te verbergen voor IE), dus niet zomaar ergens.
Heb je het online staan? Zojah geef even een linkje.
-edit-
Blanche jij bent tè snel :P
Gewijzigd op 01/01/1970 01:00:00 door J V
Ik snap eigenlijk het probleem ook niet, want bovenstaande posts zouden gewoon moeten werken.
je kunt het zien op www.mobile-innovation.nl/independence
het gaat dan om de groene border bovenin het main gedeelte; hij moet net zo hoog worden als de linkerborder breed is. In IE geeft ie hem niet goed weer en in FF wel :s
in ieder geval bedankt voor jullie moeite!
border: 0;
margin: 0; en
padding: 0;
erin te zetten. Wordt het dan beter?
In ieder geval hartstikke bedankt voor jullie moeite!!!
Robin Cijvat schreef op 11.12.2007 11:19:
Nee de opmerking van Niek werkt helaas niet... Hebben jullie verder nog suggesties?? Waarschijnlijk wordt het gewoon een aangepaste background-image dan...
In ieder geval hartstikke bedankt voor jullie moeite!!!
In ieder geval hartstikke bedankt voor jullie moeite!!!
Reken maar dat ik een suggestie hebt.
Je wilt de div een minimale hoogte meegeven van een bepaald aantal pixels, maar waarschijnlijk dat als er meer inhoud inkomt, hij wel meerekt.
Dan moet je alsnog gaan werken met die !important.
Code (php)
1
2
3
4
5
2
3
4
5
.minheight {
min-height: 3000px; /* minimale hoogte van je div */
height: auto !important; /* IE hack */
height: 3000px; /*voor een min hoogte van div die meerekt als inhoud langer word */
}
min-height: 3000px; /* minimale hoogte van je div */
height: auto !important; /* IE hack */
height: 3000px; /*voor een min hoogte van div die meerekt als inhoud langer word */
}
Gewijzigd op 01/01/1970 01:00:00 door J V
@Robin: ik zag geen verschil in IE en FF? Heb je misschien een screenshot waarin je duidelijk maakt wat je precies bedoelt?
Gewijzigd op 01/01/1970 01:00:00 door Joren de Wit
Blanche schreef op 11.12.2007 11:27:
Jordy, lees de rest van dit topic eerst eens. Dan zie je dat dit helemaal niet de bedoeling is...
Hij wil dat de div hoger word dan 20 px, maar dit gaat neit in IE want die maakt de div zo hoog als de hoeveelheid tekst die erin staat.
Dan moet je volgens mij deze hack gebruiken om ervoor te zorgen dat in IE de div hoger word dan de tekst?
En anders snap ik er de balle van en zal k me mond houden met verkeerde info te geven.
http://www.mobile-innovation.nl/independence/index.php/images/temp.png
Ik heb met rood aangegeven wat ik bedoel...
Thnx!
Ik heb met rood aangegeven wat ik bedoel...
Thnx!
Robin Cijvat schreef op 11.12.2007 11:33:
-knip-
Thnx!
Thnx!
Hier is de goede link: http://www.mobile-innovation.nl/independence/images/temp.png
Verreweg het makkelijkst is waarschijnlijk gewoon een background image met de juiste hoogte gebruiken en vervolgens geen height aan de div meegeven...
Inderdaad.. dat dacht ik ook al. Maar toch bedankt!
Jordy schreef op 11.12.2007 11:40:
Hier is de goede link: http://www.mobile-innovation.nl/independence/images/temp.png
Robin Cijvat schreef op 11.12.2007 11:33:
-knip-
Thnx!
Thnx!
Hier is de goede link: http://www.mobile-innovation.nl/independence/images/temp.png
Die id=home werkt bij mij in zowel FF als in IE goed..
Blanche schreef op 11.12.2007 11:41:
Verreweg het makkelijkst is waarschijnlijk gewoon een background image met de juiste hoogte gebruiken en vervolgens geen height aan de div meegeven...
Ik had niet de moeite genomen om op ze site te kijken, want gister had ik het ook al gezien. Daardoor wist ik niet dat het om een kader ging zonder tekst erin.
Wel raar dat je de image de goeie hoogt mee moet geven, er moet toch ook een andere manier zijn?
@ Simon, daar ging het neit over. Het ging over de groene rand boven de tekst. Onder het menu dus.
Gewijzigd op 01/01/1970 01:00:00 door J V
Jordy schreef op 11.12.2007 11:43:
Ik had niet de moeite genomen om op ze site te kijken, want gister had ik het ook al gezien. Daardoor wist ik niet dat het om een kader ging zonder tekst erin.
Wel raar dat je de image de goeie hoogt mee moet geven, er moet toch ook een andere manier zijn?
@ Simon, daar ging het neit over. Het ging over de groene rand boven de tekst. Onder het menu dus.
Blanche schreef op 11.12.2007 11:41:
Verreweg het makkelijkst is waarschijnlijk gewoon een background image met de juiste hoogte gebruiken en vervolgens geen height aan de div meegeven...
Ik had niet de moeite genomen om op ze site te kijken, want gister had ik het ook al gezien. Daardoor wist ik niet dat het om een kader ging zonder tekst erin.
Wel raar dat je de image de goeie hoogt mee moet geven, er moet toch ook een andere manier zijn?
@ Simon, daar ging het neit over. Het ging over de groene rand boven de tekst. Onder het menu dus.
Excuses, ik dacht dat het ging om het plaatje dat door de rand heen stak.
Ik denk trouwens dat het gewoon om het divje van de tekst ging, De margin of padding.
Gewijzigd op 01/01/1970 01:00:00 door Simon