Jag använder mig av ett javascript för att ändra storleken på en div. Här kan ni se lite kod
Jag skulle vilja ha en div till höger om det vertikala strecket som följer med när jag ökar och minskar storleken på den vänstra kolumnen.
Problem nr 2, när jag lägger till en div överst så blir sidans höjd mer än 100% och jag får scrollbar direkt? Hur gör jag för att slippa detta?
Problem vid ändring av divstorlek
4 svar · 232 visningar · startad av maqe
Det första problemet kan jag inte hjälpa dig med men bifogar några länkar som har mallar för sådana flexibla sidor som du är ute efter...
http://webhost.bridgew.edu/etribou/layouts/skidoo/demos/two_right_right.html
http://phrogz.net/CSS/columns2.html
http://www.liquidthemes.com/theme-testing/liquid-templates/koobrick-2-column-right.web
http://www.pixy.cz/blogg/clanky/css-3col-layout/
http://www.projectseven.com/whims/cssp_3box/3boxnoscript.htm
http://inneroptics.com/layouts/3col/
http://css.maxdesign.com.au/selectutorial/steps/step22.htm#
Några av dem är trekolumnslayouter men du kan säkert ordna så att det blir två ;)
Personligen är jag inte så förtjust i javascript, i alla fall när det gäller att styra layout. Oftast går det att lösa utan javascript....
Höjden är inte mer än 100%, den är exakt 100%. Var boxen är placerad spelar ingen roll.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>100% height</title>
<style type="text/css">
html, body, div { height:100%; margin:0; padding:0; }
</style>
</head>
<body>
<div>1</div>
<div>2</div>
</body>
</html>
:)
Men om du kollar på min kod som jag har i mitt förra inlägg så läggs ju mina 40px på så att höjden verkar bli 100% + 40px så att jag får scrollbars hur jag än gör