Notifikationer

Markér alle som læst Log ud

goose Nybegynder

17. oktober 2005 - 14:00 Der er 12 kommentarer og
1 løsning

Hjælp til sideopbygning

Jeg sidder og laver lidt forsøg, men jeg kan ikke rigtigt få det at virke efter hensigten.

Da det samtidigt er lidt svært at forklare, har jeg lavet en gif fil der beskriver det.

Den ligger på http://www.goose.dk/screen.gif

Det skal endvidere virke cross-browser og ingen frames eller iframes.

/Goose

Synes godt om

fennec Nybegynder

17. oktober 2005 - 14:20 #1

Noget i denne stil:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Untitled</title>
</head>

<body>
<table style="height:100%;">
<tr>
<td height="100"><img src="" width="600" height="100" alt=""></td>
</tr>
<tr>
<td><div style="width:600px;height:100%;overflow:auto;">fvkfd
 vsd
 vsd
 vsd
 bvtg
</div></td>
</tr>
</table>

</body>
</html>

Synes godt om

goose Nybegynder

17. oktober 2005 - 14:33 #2

Ja det er det, dog er det kun i IE at toppen bliver stående?

/Goose

Synes godt om

apo Praktikant

17. oktober 2005 - 15:01 #3

Denne virker i både IE og FF:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dokument</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style type="text/css">
html, body {margin:0; padding:0; height:100%; overflow:hide;}
#minTop {position:absolute; width:800px; height:100px; background-color:yellow;}
#mainDiv {position:absolute; top:150px; width:800px; height:400px; overflow:auto; background-color:#C0C0C0;}
</style>
</head>

<body>
<div style="margin:0 auto; width:800px;"><div id="minTop" style="margin-top:50px;"></div></div>
<div style="margin:0 auto; width:800px;"><div id="mainDiv" style="margin-bottom:50px;">
 
 
 
</div></div>
</body>

<html>

Den kan sikkert laves 'pænere', men se om du kan bruge den :-)

Synes godt om

apo Praktikant

17. oktober 2005 - 15:06 #4

Og slet lige denne:
html, body {margin:0; padding:0; height:100%; overflow:hide;}

Og erstat den med denne:
html, body {margin:0; padding:0; height:100%;}

Synes godt om

apo Praktikant

17. oktober 2005 - 15:15 #5

Du kan også lægge dine styles ud i et eksternt stylesheet. Så ser det således ud:

Eksternt stylesheet (/Css/Css.css):

html, body {margin:0; padding:0; height:100%;}
#minTop {position:absolute; width:800px; height:100px; background-color:yellow;}
#minDiv {position:absolute; top:150px; width:800px; height:400px; overflow:auto; background-color:#C0C0C0;}
.divCenter {margin:0 auto; width:800px;}

Dokument.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dokument</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<link rel="stylesheet" href="/Css/Css.css" type="text/css">
</head>

<body>
<div class="divCenter"><div id="minTop" style="margin-top:50px;">Top</div></div>
<div class="divCenter"><div id="mainDiv" style="margin-bottom:50px;">
Test123...
 
 
 
</div></div>
</body>

<html>

Synes godt om

goose Nybegynder

17. oktober 2005 - 15:21 #6

ja nu hjælper det, dog udnytter den ikke hele skærmhøjden da minDiv jo er låst til 400px.

Har forsøgt med 100%, men det dutter ikke :o(

/Goose

Synes godt om

apo Praktikant

17. oktober 2005 - 15:24 #7

Ret lige: id="mainDiv" til: id="minDiv" ;-)

Jeg ved ikke om vi skal ud i noget javascript, for at tilpasse højden (Det kan jeg dog ikke hjælpe dig med :-/ )

Synes godt om

apo Praktikant

17. oktober 2005 - 18:32 #8

Nu har jeg forsøgt mig med forskellige ting, og jeg kan sq ikke få det til at virke. Jeg forsøgte også med javascripts, som jeg fandt via søgefunktionen - uden at få det til at virke :-(

Du må håbe på at der evt. kommer én forbi (f.eks. olebole/roenving) og tryller lidt, så du kan få det til at virke...

Synes godt om

roenving Novice

17. oktober 2005 - 18:39 #9

Hvis det skal fylde det hele i højden, skal man bruge javascript, ja, men det er ikke en god ide at basere layout på javascript, så jeg ville selv finde en rimelig højde, og så leve med at nogle brugere skulle scrolle hele vinduet også !-)

Synes godt om

apo Praktikant

17. oktober 2005 - 18:46 #10

... Eller evt. centrere layoutet (dead center), og optimere det til 800x600px, så der kun er en enkelt scrollbar i vinduet - i den ene div.

Derved kan alle se hele layoutet, uden at skulle scrolle, og 'boksen' vil befinde sig i præcis i midten af vinduet. Det kan også være en løsning.

Synes godt om

goose Nybegynder

20. oktober 2005 - 17:31 #11

nå, jeg må finde på noget andet ...........

apo - læg et svar for din tid.

/Goose

Synes godt om

apo Praktikant

21. oktober 2005 - 16:59 #12

Jeg lægger et svar så :-)

Synes godt om

apo Praktikant

11. november 2005 - 18:21 #13

Tak for points :-) Men... Jeg regnede ikke med at få alle pointene. Hyl lige op her i tråden, så du kan få nogle af dem tilbage.

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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