1 2 3 4 5 6 7 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta http-equiv="Content-Language" content="en-us"><link rel="stylesheet" type="text/css" href="files/style.css"> <title>Untitled Document</title> </head> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta http-equiv="Content-Language" content="en-us"> <style type="text/css"> html { margin: 0; padding: 0; } body { margin: 95px 10px 10px 190px; padding: 0; } div.content { height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; } div.nav { position: absolute; top: 5px; left: 0px; right: 0px; height: 50px; border-top: 1px solid #FF0000; border-bottom: 1px solid #FF0000; width: 100%; } </style> </head> <body> <div class="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </div> <div class="nav"> nav </div> </body> </html> |
quote:Op donderdag 10 maart 2005 17:58 schreef Vince-E het volgende:
als je de width van de html en body eens op 100% zet?
als je een meisje was hee!!quote:Op donderdag 10 maart 2005 18:55 schreef Vince-E het volgende:
dit moet het wel doen... waarschijnlijk geven die marges toch wat problemen in de body...
verander die 190px marge eens, en zet deze op de content... dus...
body {
margin: 95px 10px 10px 0;
padding: 0;
}
div.content {
height: 100%;
margin-left:190px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000;
}
1 2 3 4 5 6 7 8 9 10 | <html> <head> </head> <body> <div style="height:125px; width:500px; filter:alpha(opacity=20);-moz-opacity:0.20;"> <span style="font-size:10pt; color:black;">Test <br /> Zodra ik in IE 6 een div met een vaste height en een filter alpha instel zien de letters er zo uit wanneer windows op 'cleartype' ingesteld staat voor character smoothing. </div> </body></html> |
1 2 3 4 5 6 7 8 9 10 11 12 | <html> <head> </head> <body> <div style="height:125px; width:500px; filter:alpha(opacity=20);-moz-opacity:0.20;"> </div> <div style="position:relative;top:-125px;height:125px;width:500px;"> <span style="font-size:10pt; color:black;">Test <br /> Zodra ik in IE 6 een div met een vaste height en een filter alpha instel zien de letters er zo uit wanneer windows op 'cleartype' ingesteld staat voor character smoothing. </div> </body></html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <html> <head> </head> <body style="background:green;"> <div style="height:125px; width:500px; position:relative;"> <div style="position:absolute;height:100%;width:100%;top:0;left:0; filter:alpha(opacity=20);-moz-opacity:0.20; background:white;"> </div> <div style="position:absolute;height:100%;width:100%;top:0;left:0; "> <span style="font-size:10pt; color:red;">Test <br /> Zodra ik in IE 6 een div met een vaste height en een filter alpha instel zien de letters er zo uit wanneer windows op 'cleartype' ingesteld staat voor character smoothing. </span> </div> </div> </body></html> |
Ja, de div fade wel, maar de content niet!quote:Op zaterdag 12 maart 2005 16:43 schreef Roönaän het volgende:
Grin. Moet je een beetje kleurtjes invoegen:
[ code verwijderd ]
Same.quote:Op zaterdag 12 maart 2005 19:32 schreef Roönaän het volgende:
Mijn fout. Wat happens als je de fading div over die ander laat zetten? (volgorde omdraaien in code)
1 2 3 4 5 6 7 8 9 | div.nav_element_links { position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 143px; border: 1px solid #FF0000; } |
1 2 3 4 5 6 | <div class=\"nav_element_links\"> links<br /> links<br /> links<br /> links<br /> </div> |
1 2 | box-sizing: border-box -moz-box-sizing: border-box; |
heb je me weer geholpen! dank je!quote:Op zondag 13 maart 2005 18:05 schreef SuperRembo het volgende:
Dat komt door de foute (maar handige) interpretatie van IE. Dit zou \\\'t op moeten lossen
[ code verwijderd ]
Zie http://www.quirksmode.org/css/box.html
Ik denk dat box-model redelijk uit de tijd is, omdat je doormiddel van een goede doctype Internet Explorer ook gewoon uit quirksmode kan halen. Enige wat je hoeft te doen is een doctype te gebruiken waar de uri naar een dtd ook in staat, zoals bijv:quote:Op zondag 13 maart 2005 18:05 schreef SuperRembo het volgende:
Dat komt door de foute (maar handige) interpretatie van IE. Dit zou \'t op moeten lossen
[ code verwijderd ]
Zie http://www.quirksmode.org/css/box.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | <html> <head> <title>testje1</title> <style type="text/css"> <!-- DIV.middle { position: absolute; left: 50%; top: 50%; width: 800px; height: 600px; margin-left: -400px; /* half of width */ margin-top: -300px; /* half of height */ background-color: #6699CC; } DIV.left { float: left; width: 400px; border-width: 2px 1px 2px 2px; border-style: solid; border-color: black; } DIV.right { float: right; width: 400px; border-width: 2px 2px 2px 1px; border-style: solid; border-color: black; } --> </style> </head> <body> <div class="middle"> <div class="left">left</div> <div class="right">right</div> </div> </body> </html> |
Box model tweaking: http://www.quirksmode.org/css/box.htmlquote:Op donderdag 17 maart 2005 17:12 schreef Chandler het volgende:
SuperRembo:
1. Hoe kan ik IE in standaard mode laten draaien?
Met een CSS Hack: http://www.quirksmode.org/css/csshacks.htmlquote:2. Hoe kan ik per brouwser dit laten verschillen dan? de maten?
Je kan de borders van .left en .right wel laten. Om er dan toch een border bij te kijgen zet je er dan een extra div in die wel een border heeft.quote:3. Haha, ja ik ben helaas wel borders nodig anders zou ik het wel anders oplossen
1 2 3 4 5 6 | div#center { margin:0 auto; width:90%; min-width:800px; width:expression(document.body.clientWidth < 800? "800px": "90%" ); } |
Ik ben niet de enige. Why avoiding tables (for layout) is importantquote:Op vrijdag 18 maart 2005 19:53 schreef ikke_ook het volgende:
Alleen ik heb SuperR wel s horen zeggen dat t niet netjes is om je site uit alleen een tabel op te bouwen ofzo... Is dat zo?En is het alleen niet netjes?of werkt t ook niet goed?
Best interessant!En ik merkte inderdaad ook al dat bepaalde tabellen bij mij langzaam laden, maar dat ligt dus aan het feit dat je niet aangeeft hoe breed kolommen moeten zijn...(dat zijn trouwens grote tabellen die informatie in tabelvorm weergeven dus die moeten wel tabel blijven)quote:Op zaterdag 19 maart 2005 14:03 schreef SuperRembo het volgende:
[..]
Ik ben niet de enige. Why avoiding tables (for layout) is important
Hoe? Met floats?quote:
1 | window.onerror = function() { return true; } |
1 2 | max-width:800px; width:expression(document.body.clientWidth > 800? "800px": "auto" ); |
1 | text-align: center; |
in FireFox staat die tabel wel in het midden, maar in IE staats alles links uitgelijnd...ik bedoel dus de text niet maar gewoon de container waar de inhoud in staatquote:#container {
margin: auto;
padding: 0px;
width: 670px;
position: relative;
}
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |