Avatar billede trax Nybegynder
02. september 2004 - 15:52 Der er 12 kommentarer og
1 løsning

100% celle bliver for stor

Davs


Jeg er ved at lave en side, hvor jeg i toppen har en table med menu og andet på 60px, og under den selve "body" som skal være 100%. Margin top/bund er 0.
Jeg har smidt en iframe ind i "body" som skal være 100% af cellen, men den bliver 100% af hele siden.. altså "stikker nedenfor" What to do ?

Det samme sker også med selve "body" cellen..

skal jeg sidde og prøve mig frem for at finde ud af hvor mange % resten af siden er minus de 60px ? eller kan man lave noget i html'en ?

//TC
Avatar billede roenving Novice
02. september 2004 - 16:08 #1
Man kan beregne sig til det ved hjælp af javascript, for du kan jo ikke regen med at alle dine brugere har den samme browser-højde !-)
Avatar billede trax Nybegynder
02. september 2004 - 16:12 #2
nej det er jo det..

Det jeg vil have er 100% fra underkanten af den øverste table, og til bunden af browseren..

Kender du noget til det javascript der kan beregne det?
Avatar billede roenving Novice
02. september 2004 - 16:26 #3
f.eks.

<script type="text/javascript">
function ifrHeight(){
  var h = (window.innerHeight)?window.innerHeight:document.body.scrollHeight;
  document.getElementById('iframeId').style.height = (h-60) + 'px';
}
window.onload = ifrHeight;
</script>

-- så skal iframen så have et id, som svarer til det, du skriver i funktionen !-)
Avatar billede trax Nybegynder
02. september 2004 - 16:40 #4
Synes ikke lige det virker, det skal vel smides i den html-fil hvor iframen er ?
Avatar billede roenving Novice
02. september 2004 - 16:47 #5
Nej da, for iframen er jo det element, som skal ændres, og den ligger i hovedsiden ...
Avatar billede trax Nybegynder
02. september 2004 - 16:48 #6
ja ? også det jeg skriver ?
Avatar billede roenving Novice
02. september 2004 - 16:53 #7
Du skal lægge scriptet i hovedsiden ...

f.eks.

<script type="text/javascript">
function ifrHeight(){
  var h = (window.innerHeight)?window.innerHeight:document.body.scrollHeight;
  document.getElementById('iframeId').style.height = (h-60) + 'px';
}
window.onload = ifrHeight;
</script>
<iframe id="iframeId" src=""></iframe>
Avatar billede trax Nybegynder
02. september 2004 - 17:01 #8
har jeg prøvet, virker ikke..

du kan se resultatet på: www.christoffnet.dk
Avatar billede roenving Novice
02. september 2004 - 17:06 #9
Du har jo også noget andet i onload, så du skal fjerne den linje, som starter med window.onload, og så sætte det i body-tagget i stedet:

<body onload="preloadImages();ifrHeight();" ...
Avatar billede trax Nybegynder
02. september 2004 - 17:34 #10
virker stadigt ikke !-)
Avatar billede roenving Novice
02. september 2004 - 18:09 #11
Du har glemt en pling !-)

  document.getElementById('iframeId').style.height = (h-60) + 'px';
Avatar billede trax Nybegynder
02. september 2004 - 18:14 #12
virker stadigt ikke..
Avatar billede trax Nybegynder
12. november 2004 - 11:10 #13
lukketid
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester