Notifikationer

Markér alle som læst Log ud

billen Nybegynder

27. december 2003 - 14:06 Der er 24 kommentarer og
1 løsning

Height: 100%?

Er begyndt at lege med det der CSS baserede layout. I gamle dage da man brugte tabeller, kunne man (hvis man var ligeglad med standarder) sætte height="100%" på sin tabel, for at den som MINIMUM fydte hele siden i højden. Hvordan gør man med CSS?

Har prøvet følgende:

...
.wrapper {
margin: 0 auto;
height: 100%;
width: 732px;
text-align: left;
}

...

<body>
<div class="wrapper">

...

</div>
</body>

...

Men det virker ikke. (i nogle browsere)

Synes godt om

ahv Nybegynder

27. december 2003 - 14:11 #1

Prøv i dit css at indsætte følgende:

html {
height: 100%;
}

Synes godt om

billen Nybegynder

27. december 2003 - 14:15 #2

Virker ikke. Intet synligt resultat. Se hele siden på:

http://www.mytolex.dk/index_css.php

Synes godt om

ahv Nybegynder

27. december 2003 - 14:19 #3

Ser på det om 20 min.

Synes godt om

agrezz Nybegynder

27. december 2003 - 14:26 #4

først et spørgsmål..i gamle dage da man brugte tabeller? Den er jeg ikke lige med på.

lav en tabel og giv den 100% i højden.. kan det gå galt?

Synes godt om

agrezz Nybegynder

27. december 2003 - 14:26 #5

hvilke standarder snakker du om

Synes godt om

billen Nybegynder

27. december 2003 - 14:27 #6

Der er så mange fordele ved css, som jeg gerne vil have, så jeg VIL have mit eksisterende design konverteret.

Synes godt om

Slettet bruger

27. december 2003 - 14:30 #7

agrezz: Netop det spørgsmål viser jo, at du ikke bør blande dig her.

Tabeller er beregnede til data. Ikke til layout. Det er en nødløsning, hvis man bruger en <table> til at snyde browsere til at vise tingene, som man vil have det.

Synes godt om

Slettet bruger

27. december 2003 - 14:34 #8

Prøv at sætte både .wrapper, body og html til 100%

Synes godt om

billen Nybegynder

27. december 2003 - 14:53 #9

Jamen halløj... Perfekt sandbox. Lægger du lige et svar?

Synes godt om

Slettet bruger

27. december 2003 - 14:58 #10

Nej, for jeg kan se, at det stadig ikke virker efter hensigten i Mozilla. Der stopper din baggrund nemlig ved bunden af første skærmfuld.

Synes godt om

billen Nybegynder

27. december 2003 - 14:59 #11

Nej det har du egentlig ret i. Jeg testede ellers i begge to, men glemte at scrolle.

Synes godt om

billen Nybegynder

27. december 2003 - 15:00 #12

begge to = IE og mozilla ;-)

Synes godt om

Slettet bruger

27. december 2003 - 15:08 #13

Måske hvis du laver om til:

background: url(side2.png) fixed;

Synes godt om

billen Nybegynder

27. december 2003 - 15:12 #14

Det brød mozilla sig bestemt ikke om. IE er stadigvæk fin. (er ved at downloade opera)

Synes godt om

Slettet bruger

27. december 2003 - 15:17 #15

Nej, det må man da nok sige. Det ser ud som et par elevatordøre, der lige smækkede for snuden af en.

Synes godt om

billen Nybegynder

27. december 2003 - 15:19 #16

hehe... og opera ligeså

Synes godt om

lordhead Nybegynder

27. december 2003 - 16:35 #17

html, body {
height:100%;
}
.wrapper {
height:100%:
}
html>body .wrapper {
height:100%;
}

Du kan også prøve at sætte id="wrapper" ind isteden for class="wrapper" (i dit css dokument bliver (.) til (#))

Synes godt om

billen Nybegynder

27. december 2003 - 16:53 #18

lordhead> Prøver med det samme. Giver id og class ikke nøjagtig den samme effekt?

Synes godt om

billen Nybegynder

27. december 2003 - 16:56 #19

lordhead> nope... virker ikke.

Synes godt om

Slettet bruger

27. december 2003 - 16:57 #20

id og class burde give samme resultat. Forskellen skulle kun være, at id SKAL være unikt, hvor class er beregnet til flere elementer af samme type.

I dit tilfælde kan det altså anses for mere korrekt at bruge en id til din wrapper, da den er et unikt element.

Synes godt om

billen Nybegynder

27. december 2003 - 16:59 #21

ok. Men det gav heller ikke noget at ændre fra .wrapper til #wrapper

Synes godt om

lordhead Nybegynder

27. december 2003 - 17:09 #22

prøvede du med html>body .wrapper {height:100%;} ?

Synes godt om

billen Nybegynder

27. december 2003 - 17:12 #23

ja og med html>body #wrapper {height:100%;} efter at have ændret til id=""

Synes godt om

billen Nybegynder

27. december 2003 - 17:14 #24

Jeg lukker dette spørgsmål og opretter et nyt. Denne gang vil jeg så give en <tabel> baseret skitse, som skal laves om til css. I kan jo kigge forbi.

Synes godt om

billen Nybegynder

27. december 2003 - 17:14 #25

Tak for jeres forsøg.

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