Notifikationer

Markér alle som læst Log ud

misbruger Nybegynder

30. september 2004 - 10:56 Der er 17 kommentarer og
1 løsning

Browser vinduets indre størrelse

Hvordan finder jeg browser vinduets indre størrelse, i samlige browser

?

Jeg vil meget gerne udskriv nedenstående linie...

var width = ?????
var height = ?????

document.write('<style>.mainTable{width: '+ width +'; height: '+ height +';}</style>');

<table class="mainTable">
<tr>
<td>Denne table fylder hele browser vinduets brugbare plads</td>
</tr>
</table>

Thanx!

Synes godt om

roenving Novice

30. september 2004 - 12:23 #1

Synes godt om

misbruger Nybegynder

30. september 2004 - 12:30 #2

Tja det var ikke lige det jeg mente....

Jeg skal bruge målene i px

Synes godt om

roenving Novice

30. september 2004 - 12:51 #3

Hvorfor det ?-)

-- problemet er, at den værdi findes i de fleste browsere, men ikke i IE ...

Synes godt om

misbruger Nybegynder

30. september 2004 - 13:23 #4

det er også fint nok, for IE kan sagtens arbejde med % angivelser.

Dermed skal jeg bare bruge pixel størrelser i de andre browsere

Synes godt om

roenving Novice

30. september 2004 - 13:32 #5

Det kan de andre da også ?-)

Synes godt om

roenving Novice

30. september 2004 - 13:33 #6

-- bemærk tricket med at sætte html og body til 100% højde !-)

Synes godt om

misbruger Nybegynder

30. september 2004 - 13:40 #7

Jeg prøver at centere lortet i midten af browser vinduet, og har taget følgende fremgang, som bare ikke holder i andet end IE....

<table width="100%" height="100%">
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td></td>
<td width="770" height="450">
<table height="450" width="750">
<tr>
<td>center table</td>
</tr>
</table>
</td>
<td width="20" height="450"></td>
<td></td>
</tr>
<tr>
<td colspan="4"></td>
</tr>
</table>

Synes godt om

roenving Novice

30. september 2004 - 13:41 #8

Holder i alle nutidige browsere:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Generator" content="Stone's WebWriter 4">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
body{
text-align:center;
}
div, iframe{margin:0px;padding:0px;border:0px;}
.center{
margin-left:auto;
margin-right:auto;
width:760px;
background:#22ee7f;
/*og billede: background-image url('')*/
border:1px solid black;
text-align:left;
}
.top{
height:120px;
background:transparent;
border-bottom:1px dotted black;
}
.menu{
width:117px;
height:400px;
float:left;
background:#eee;
}
.content{

}
#contentFrame{
width:640px;
height:400px;
}
</style>
</head>
<body>
<div class="center">
<div class="top">
En overskrift eller et banner
</div>
<div class="menu">
Din menu
</div>
<div class="content">
<iframe src="" name="contentFrame" id="contentFrame"></iframe>
</div>
</div>
</body>
</html>

Synes godt om

misbruger Nybegynder

30. september 2004 - 13:49 #9

Dermed vil jeg kunne skære alt væk der er næsted i <div class="center" />
...og så have et div der centere hele mit content ?

Synes godt om

misbruger Nybegynder

30. september 2004 - 13:50 #10

sorry... <div class="content" /> og selvf. uden menu og top ect.

Synes godt om

roenving Novice

30. september 2004 - 13:54 #11

Du må ikke lukke et div-tag på den måde !-)

-- og ellers har du fuldstændig ret, du kan endda placere det direkte i <div class="center"> ...

Synes godt om

misbruger Nybegynder

30. september 2004 - 13:57 #12

det er bare en forkortelse :)

Top! Altså kort fortalt, bruge et div til at centrer mit table.

Synes godt om

roenving Novice

30. september 2004 - 14:00 #13

Ja, og du kan se nogle flere eksempler i disse tråde:

http://www.eksperten.dk/spm/520876 og http://www.eksperten.dk/spm/497362 ...

Velbekomme '-)

Synes godt om

misbruger Nybegynder

30. september 2004 - 14:02 #14

Thx

Synes godt om

roenving Novice

30. september 2004 - 14:04 #15

-- og tak for point ;~}

Synes godt om

misbruger Nybegynder

30. september 2004 - 14:12 #16

...argh... det centerer kun vinduet horizontalt, og ikke verticalt :(

Synes godt om

roenving Novice

30. september 2004 - 14:15 #17

Det er korrekt, og den er tricky, men kig på denne:

http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Synes godt om

misbruger Nybegynder

30. september 2004 - 14:40 #18

lækkert... det var lige den jeg ledte efter :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS