Problem vid ändring av divstorlek

4 svar · 232 visningar · startad av maqe 16 sep. 2005

maqeMedlem sedan dec. 2003824 inlägg

Trådstart16 sep. 2005 12:17#1

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?

smykenMedlem sedan feb. 200336 inlägg

16 sep. 2005 14:54#2

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....

maqeMedlem sedan dec. 2003824 inlägg

16 sep. 2005 16:29#3

Nu har jag löst problemet med att min "main content" div flyttas med när jag ändrar storleken på den vänstra divven. Resultat här Problemet med att höjden blir mer än 100% i både ff och ie har jag dock fortfarande.

zcorpanMedlem sedan dec. 20042 245 inlägg

16 sep. 2005 17:56#4

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>

maqeMedlem sedan dec. 2003824 inlägg

16 sep. 2005 18:37#5

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