1.080 views
Is 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.
Geeft 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...
Zou 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
<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>
ps die oplossing van Blanche is eigenlijk nog beter, alleen voor ie6 inderdaad wat lastiger
@Niek: waarom een javascript oplossing als je het ook simpel met CSS kunt oplossen?
Een voorbeeldje:
Een voorbeeldje:
<html>
<head>
<style type="text/css">
#test {
width: 80%;
min-width: 600px;
height: 100px;
background-color: #cf9;
}
</style>
</head>
<body>
<div id="test"></div>
</body>
</html>
Ja klopt. Zie mijn edit vorige post. Had daar even niet aan gedacht. Zal wel aan mijn brakheid liggen :D