Ben bezig met het vertalen van een redelijk uitdagend ontwerp. Ik wil een horizontale pageflow creeren.
De code ziet er ongeveer als volgt uit:
Wat heb ik geprobeerd om de items naast elkaar te houden:
Wat ik ook probeer de items willen niet meer naast elkaar blijven staan zodra ze de breedte van de body overschrijden. Wat is de juiste approach voor horizontale pagina?
De code ziet er ongeveer als volgt uit:
HTML:
1
2
3
4
5
6
7
| <body> <div id="container"> <!-- 100% breed, 600px hoog --> <div class="page"> <!--content--> </div> <!-- 400px breed, 600px hoog --> <div class="page"> <!--content--> </div> <!-- 400px breed, 600px hoog --> <div class="page"> <!--content--> </div> <!-- 400px breed, 600px hoog --> </div> </body> |
Wat heb ik geprobeerd om de items naast elkaar te houden:
Cascading Stylesheet:
1
2
3
| white-space:nowrap; float:left; clear:none; |
Wat ik ook probeer de items willen niet meer naast elkaar blijven staan zodra ze de breedte van de body overschrijden. Wat is de juiste approach voor horizontale pagina?
[ Voor 6% gewijzigd door DoubleJ op 12-12-2008 14:38 ]
:strip_icc():strip_exif()/u/60303/2006crusader6060.jpg?f=community)
/u/7685/ruinmytune-60x60.png?f=community)
Dat had je trouwens ook gewoon zelf met Firebug kunnen achterhalen 
:strip_exif()/u/259931/stuiterbal2.gif?f=community)