quote:Op maandag 24 maart 2008 16:24 schreef CraZaay het volgende:
IE voor de Mac moet je niet meer ondersteunen, niemand gebruikt die meer, wordt sinds 1999 niet meer ontwikkeld en kun je niet eens meer downloaden bij MS
Firefox 3 zal er net zo mee omgaan als Firefox 2, namelijk standards compliant conform de W3C richtlijnen
En voor box model problemen: met welk doctype?
Ik denk het niet Als jij met een valid doctype een browser in standards mode laat renderen dan gebruikt zowel IE (6 & 7), Firefox, Safari, etc allemaal het W3C box modelquote:Op maandag 24 maart 2008 17:47 schreef Fliepke het volgende:
Dit probleem, dat staat lost van je doctype
hehe, ik ben gewoon gestopt Ga morgne wel verderquote:Op maandag 24 maart 2008 21:36 schreef CraZaay het volgende:
Hehe, no prob. Vandaar dat ik naar het gebruikte doctype vroeg, want dat scheelt héél veel box model koppijn
Ja hoe moet ik nu nog een nuttige TVP doen dan?quote:Op maandag 24 maart 200821:49 schreef Fliepke het volgende:
[..]
hehe, ik ben gewoon gestopt Ga morgne wel verder
1 2 3 4 5 6 7 8 9 10 | border-width:0; height:100%; margin:0; padding:0; } #container{ height:100%; } |
1 2 3 4 5 6 7 8 9 | <body> <div id="container"> bla bla bla </div> </body> </html> |
Dat komt doordat je alles aan het floaten bent (inclusief div right, waar de content nu in staat), dan gaat 'ie altijd vaag doen als je de hoogte in gaat werken. Probeer anders div.right eens margin-left:150px; mee te geven en de float er van weg te halen.quote:Op woensdag 9 april 2008 13:23 schreef Swetsenegger het volgende:
http://test.xploise.nl/floattest.html
Simpel verhaal. containerdivje met een blauwe achtergrond.
Daarbinnen 2 floating divs genest. 1 met een transparante background en 1 met een rode background.
De bedoeling is nu dat de linkerbalk de blauwe achtergrond krijgt van de containerdiv. Immers zal de linkerdiv anders 'korter' zijn dan de rechter div met volledige content.
Maar.... de container div 'groeit' niet mee met de content als dit floats zijn.... Hoe los ik dit op? (in dit voorbeeld kan je met een background image aan de gang, maar in de uiteindelijke pagina is dit stuk onderdeel van een groter geheel.)
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 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style> #container{ position:relative; width:950px; padding:0; background-color:blue; } .left{ float:left; width:150px; padding:0; margin:0; background-color:transparent; } .right{ margin-left:150px; padding:0; background-color:red; width:800px; }</style> </head> <body> <div id="container"> <div class="left">Left</div> <div class="right"> <p>bla</p> <p>bla</p> <p>bla</p> </div> </div> </body> </html> |
Vertel mij wat. 100% height is eigenlijk best wel eenvoudig te doen met kleine website`jes/apps waar weinig van content in zit en waar je toch NOOIT buiten de viewport zult vallen. Maar het gaat gewoon door margin en padding gigantisch de mist in. Lijkt wel alsof ze met 100% height layouts ineens helemaal niet meer doen wat ze moeten doen (dus margin als in ruimte BUITEN het betreffende element en padding de ruimte IN het betreffende element).quote:Op woensdag 9 april 2008 13:24 schreef Swetsenegger het volgende:
CSS 100% viewport/canvas heights zijn een drama tuvai. Ik zou je bijna aanraden een tabel te gebruiken....
Klopt, ik heb wel hacks gezien die een footer altijd strak onderaan de viewport positioneren. Maar eigenlijk geen zuivere css oplossing.quote:Op woensdag 9 april 2008 13:31 schreef Tuvai.net het volgende:
[..]
Vertel mij wat. 100% height is eigenlijk best wel eenvoudig te doen met kleine website`jes/apps waar weinig van content in zit en waar je toch NOOIT buiten de viewport zult vallen. Maar het gaat gewoon door margin en padding gigantisch de mist in. Lijkt wel alsof ze met 100% height layouts ineens helemaal niet meer doen wat ze moeten doen (dus margin als in ruimte BUITEN het betreffende element en padding de ruimte IN het betreffende element).
In het vorige topic ook al zo'n probleem opgelost.quote:Op woensdag 9 april 200813:23 schreef Swetsenegger het volgende:
http://test.xploise.nl/floattest.html
Simpel verhaal. containerdivje met een blauwe achtergrond.
Daarbinnen 2 floating divs genest. 1 met een transparante background en 1 met een rode background.
De bedoeling is nu dat de linkerbalk de blauwe achtergrond krijgt van de containerdiv. Immers zal de linkerdiv anders 'korter' zijn dan de rechter div met volledige content.
Maar.... de container div 'groeit' niet mee met de content als dit floats zijn.... Hoe los ik dit op? (in dit voorbeeld kan je met een background image aan de gang, maar in de uiteindelijke pagina is dit stuk onderdeel van een groter geheel.)
Hier is niks te zienquote:Op vrijdag 11 april 2008 08:54 schreef webbyplus het volgende:
Hallo,
Ik zit met een website probleempje.
Ergens heb ik iets gewijzigd in mijn website layout wat er voor gezorgd heeft dat het vernacheld getoond wordt in internetexplorer. In firefox loopt ie wel perfect.
Kan iemand zien wat er mis is? Mijn site www.voetbalmanager.net , mijn css: http://www.dutchville.com/kid/images/Orange.css
bvd
webby
Wat heb je gewijzigd? Dat beperkt het zoeken een heel stukquote:Op vrijdag 11 april 2008 08:54 schreef webbyplus het volgende:
Ergens heb ik iets gewijzigd in mijn website layout wat er voor gezorgd heeft dat het vernacheld getoond wordt in internetexplorer.
Zo ziet het er uit in IE:quote:
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |