DIV-width...
Ik werk nu al 5 jaar met HTML, ik heb al 10 pogingen ondernomen om de DIV's onder de knie te krijgen, maar wat ik ook doe en hoeveel ik ook probeer: ik zal de logica van DIV's nooooooit begrijpen. En ik heb zonet nog een gat in m'n 22 inch scherm geslagen met de vliegemepper en dan is die vlieg waar ik op mikte nog gaan vliegen ook.
Nu mijn vraag:
Ik heb een DIV en ik zeg:
<div style="width: 100px; border: 1px yellow solid;">tekstje</div>
Een normale HTML-standaarden-programmeur zou er dan voor zorgen dat die DIV dan ook een breedte heeft van 100 pixels maar uiteraard neemt die DIV een breedte aan van de DIV waar hij in zit, want dat vond die HTML-standaarden-programmeur indertijd veel logischer.
Dus nu mijn vraag: Zou iemand mij alstublieft kunnen uitleggen hoe ik een DIV krijg die inderdaad maar 100 pixels breed is ? ( omdat google niet lukte vraag ik het aan de lieve mensen van PHPHulp )
Hartelijk bedankt alvast :-)
Gewijzigd op 01/01/1970 01:00:00 door Fromzon ngl
Gesponsorde koppelingen:
volgens mij heb je trouwens al zelf antwoord gegeven op je vraag
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<title>Index</title>
<style type="text/css">
#divje {
width: 100px;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id='divje'>
<p>Test divje</p>
</div>
</body>
</html>
<head>
<title>Index</title>
<style type="text/css">
#divje {
width: 100px;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id='divje'>
<p>Test divje</p>
</div>
</body>
</html>
En ter verduidelijking jouw code werkt ook gewoon ;)
Gewijzigd op 01/01/1970 01:00:00 door mitchel
Wat je moet doen, is de box 98px breed maken en de border laten staan, vervolgens een conditional comment maken, met daarin je ie css en daar maak je hem weer 100px.
Iedereen blij. :)
maar de oplossing die het bij mij deed werken was uitendelijk het volgende:
width: 100px;
vervangen door
max-width: 100px;
en toen werkte het wel :-)
Misschien slechte vraagstelling dan van mijn kant, maar toch bedankt :)
Max-width zorgt er ook alleen voor dat de div niet groter kan worden dan dit en dat hij niet 100px width HOEFT te zijn. Hij kan dus als er maar 1 woordje instaat kleiner zijn.
