Just nu i M3-nätverket
Gå till innehåll
happyfejs

räkna ut height

Rekommendera Poster

happyfejs

Hur gör jag för att på denna sidan http://www.gallstad.nu/indexWIP.php?content=news&page=news-blogg få högerkolumnen att räkna ut hur hög den ska vara? Jag vill att toppen alltid ska ligga där den ligger nu men så ska den vara så hög så att diven slutar exakt i sidans botten, jag vill nämligen att listan ska bli scroll om innehållet i den är högre än diven. Jag vill alltså uppnå typ height:100% - 170px; går det?

 

tack på förhand

Redigerad av mrsebastian

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

du skulle ju kunna ta ut storleken på fönstret minus 170px men den tar nog med höjden med verktygspanel, adressrad m m så det är nog bäst att köra en relativ höjd hela vägen.

Varför krångla till det i onödan?!

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
happyfejs

Yepp, funderade på ifall man skulle räkna ut med nått script hur hög den skulle vara.

 

Vad menar du med relativ höjd?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

relativ höjd i förhållande till webbläsarytan = %-enhet

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
happyfejs

Yes, testade att sätta marginalen upp till 20% och högerkolumnen till 80%, men marginalen upptill minskar ju ju mer jag minskar fönstret, och då blir det ju inte att den är alignad i samma höjd upptill ändå? :S

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Anjuna Moon

Använd jQuery och $(window).height() för att få ut den synliga sidans höjd

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
happyfejs

Thanks mate, gjorde så här

 

<script type="text/javascript">   
jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
   var h = $(window).height();
   $("#rightColumn").css({height:h-174});
}
</script>

 

funkade kanon :D!

Redigerad av mrsebastian

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
happyfejs

Hmm, ett nytt problem som jag tar samtidigt, jag ska lägga till en ny scrollen, jScrollPanel, scriptet ligger på sidan. koden för att ladda det ser ut så här.

 

<script type="text/javascript">   
jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
   var h = $(window).height();
   $("#rightColumn").css({height:h-180});
$(".rightColContent").css({height:h-180});
$('.rightColContent').jScrollPane({scrollbarWidth:15, dragMinHeight:15, dragMaxHeight:15});
}
</script>

 

Det funkar jättebra om jag sätter en höjd på .rightColContent i css:en men när jag försöker ändra den i scriptet skiter det sig, då kommer det ingen scroll alls, nån idé?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
happyfejs

Nej, sorry, nu funka det, var bara att det var för lite content i för att bli scroll :D, tack ändå :P

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...