Schalen tot bepaalde waarde met CSS
krijn
01/02/2009 16:55:00Is het mogelijk om een div bijvoorbeeld 80% van het scherm te maken, totdat de div kleiner wordt dan bijvoorbeeld 600, dan blijft de div gewoon 600 hoe klein je je scherm ook maakt.
PHP hulp
18/12/2024 06:33:37Joren de Wit
01/02/2009 17:00:00Geeft een width van 80% en een min-width van 600px mee. Dit werkt in alle gangbare browsers, alleen zul je voor IE(6) nog wel een andere oplossing moeten vinden...
Niek Weevers
01/02/2009 17:06:00Zou je met javascript moeten doen. Met javascript kun je checken hoe groot de resolutie is van het scherm en aan de hand daarvan geef je de breedte mee aan de div.
ps die oplossing van Blanche is eigenlijk nog beter, alleen voor ie6 inderdaad wat lastiger
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<div id="blok"></div>
<script type="text/javascript">
if(window.innerWidth > 600)
{
document.getElementById("blok").style.width = '80%';
}
else
{
document.getElementById("blok").style.width = '600px';
}
</script>
<script type="text/javascript">
if(window.innerWidth > 600)
{
document.getElementById("blok").style.width = '80%';
}
else
{
document.getElementById("blok").style.width = '600px';
}
</script>
ps die oplossing van Blanche is eigenlijk nog beter, alleen voor ie6 inderdaad wat lastiger
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
Joren de Wit
01/02/2009 17:09:00@Niek: waarom een javascript oplossing als je het ook simpel met CSS kunt oplossen?
Een voorbeeldje:
Een voorbeeldje:
Niek Weevers
01/02/2009 17:19:00Ja klopt. Zie mijn edit vorige post. Had daar even niet aan gedacht. Zal wel aan mijn brakheid liggen :D