Søg
Avatar billede peterpedersen Nybegynder
20. september 2007 - 17:47 Der er 21 kommentarer og
1 løsning

CSS fejl med height: 100%

Hej allesammen!

jeg har fået en fejl på min side -

http://ngw.dk/

Som i nok kan se når i scroller helt ned går min content ikke helt ned! Og dette kan vi jo ikke have! Altså jeg kan ikke selv finde fejlen, men fejlen må ligge i -

http://ngw.dk/index.php
&
http://ngw.dk/inc/style.css

Håber i kan hjælpe mig :D
Avatar billede w13 Novice
20. september 2007 - 17:59 #1
Gør den ikke? Det ser da sådan ud. Jeg tjekker i IE.
Avatar billede thesurfer Nybegynder
20. september 2007 - 17:59 #2
Du blander HTML og XHTML, og så har du ikke nogen doctype.
I CSS'en angiver du ikke padding til 0, og heller ikke height til 100%.
Avatar billede thesurfer Nybegynder
20. september 2007 - 18:05 #3
Og så vil jeg anbefale at du centerer siden, i stedet for at den er over i venstre side:

#Container {
    position:absolute;
    left:50%;
    margin: 0px;
    margin-left:-375px;
    width: 750px;
    background-color: #FFFFFF;
    border-right: 1px solid #000000;
    height:100%;
}

Det andet er irriterende at se på.
Avatar billede peterpedersen Nybegynder
20. september 2007 - 18:22 #4
Jeg får stadig en dum fejl.

Noget af teksten går af selve min container :/
Altså noget af teksten fra min div: News - går ned i bunden og skriver på body_background-color'en :/
Avatar billede thesurfer Nybegynder
20. september 2007 - 18:28 #5
peterpedersen>

1) Du blander stadig HTML og XHTMl. Det går slet ikke.

2) Du bruger ikke en doctype. Det går slet ikke.

Find ud af hvilken standard/regelsæt/doctype du vil overholde, og vend tilbage til os.
Avatar billede peterpedersen Nybegynder
20. september 2007 - 18:39 #6
1) Hvor gør jeg det ?

2) har valgt doctype nu ;)
Avatar billede peterpedersen Nybegynder
20. september 2007 - 18:44 #7
jeg havde faktisk indsat det doctype, men er vel kommet til at slette det igen :/
Avatar billede olebole Juniormester
21. september 2007 - 00:23 #8
<ole>

'font-weight' kan ikke have værdien 'none'. Mon ikke du mener 'normal'? Da det er default-værdien, er det overflødigt at sætte den.

Derudover kan du ikke have flere elementer med samme ID. Et elements ID svarer til dit personnummer - det skal være unikt.

I din CSS skal envidere stå:

html,body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif; /* Sæt altid en generisk font */
    color: #000000;
    background-color: #B4C6FF;
}

- og:

#Container {
    position:absolute;
    height: 100%;
    left:50%;
    margin: 0px;
    padding: 0px;
    margin-left:-375px;
    width: 750px;
    background-color: #FFFFFF;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

/mvh
</bole>
Avatar billede thesurfer Nybegynder
21. september 2007 - 11:04 #9
Jeg ville faktisk sige at du har valgt en "forkert" doctype.. :-)

Brug hellere en af dem her:

Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Strict er den der kommer tættest på XHTML udgaven..

Hvis du vælger en af disse, skal du huske at fjerne alle "/" ved "/>"..

Hvis du alligevel fortsætter med at bruge XHTML, skal du huske at lukke tags der ikke har lukketags, ved at bruge "/>".
Dvs., tags som f.eks. "<hr>", "<br>" og ligende..
Avatar billede jansangill Nybegynder
21. september 2007 - 12:40 #10
Bliver nødt til lige at spørge herinde:)

Hvad er det der sker hvis man kommer til at i ny og næ ikke at overholde de html standarder, ved f.eks at lukke således ">" i XHTML istedet for "/>"?

Har undret mig lidt over dette, som den begynder jeg er.
Avatar billede roenving Novice
21. september 2007 - 12:50 #11
>>jansangill

Så længe stort set alle browsere er den generation, som er startet i slutningen af 90'erne, sker der kun det, at du aktiverer browserens indbyggede fejl-retnings-system ...

-- men støder du ind i en ægte xhtml-browser (som vil fylde 1/6 til 1/20 af de nuværende !-), vil den simpelthen gå ned med et hult drøn, da den ikke kan dekode datastrukturen ...

-- så det, der sker, er, at det du laver i dag, ikke holder i morgen -- ret uhensigtsmæssigt !o]
Avatar billede roenving Novice
21. september 2007 - 14:07 #12
>>thesurfer

Hvorfor centrerer du horisontalt på den måde, når der findes en langt lettere metode:

#Container{
    position:relative;
    height: 100%;
    margin: 0 auto;
    padding: 0px;
    width: 750px;
    background-color: #fff;
    border: 1px solid #000;
    border-width: 0 1px;
}

-- denne har så yderligere den fordel, at der ikke forsvinder noget ud af venstre side af browser-vinduet, hvis det er smallere end de 750 pixels !-)
Avatar billede thesurfer Nybegynder
21. september 2007 - 16:00 #13
Div'en, som indeholder indholdet, kan vel ikke næppe blive smallere end de 750px, når man jo bruger width:750px.. ? :-)

Det er bare en vane.. jeg ved ikke helt hvor jeg har den fra.. :-)
Avatar billede roenving Novice
21. september 2007 - 16:16 #14
Prøv at lave din konstruktion og lave browser-vinduet meget smalt, så vil den venstre side forsvinde ud over venstre kant, og da langt de fleste websider indeholder navigation der, er det ikke hensigtsmmssigt !-)
Avatar billede thesurfer Nybegynder
21. september 2007 - 16:39 #15
Så indsætter man bare noget JavaScript, der automatisk resizer vinduet til minimum 750px (plus det løse) i bredden.. :-)

Nah.. kan godt se din pointe.. :-)

peterpedersen> Du må nok hellere bruge roenvings css centrering.. :-)
Avatar billede roenving Novice
21. september 2007 - 17:04 #16
*lol*

-- og for ikke at en masse skal tro, at det er fuldstændigt ligegyldigt, må vi nok hellere line op, at det er et no-go i forhold til brugervenlighed at ændre på browser-vinduets størrelse, den slags må man _kun_ gøre på popup-vinduer ...

-- jeg ville godt nok blive megasur og sætte en side på hadelisten, hvis der var nogen, der lavede om på mine browser-indstillinger (som f.eks. er, at det fylder hele skærmen uden at være maksimeret !-)
Avatar billede peterpedersen Nybegynder
21. september 2007 - 17:36 #17
Det er fint alt sammen gutter (: men jeg har stadig en virkelig træls fejl.

Jeg er ikke sikker på i andre ser det samme som mig, men det her er jo ikke sådan den skal se ud:
http://ngw.dk/wierd.jpg

Håber der nogle der kan forklare det ?
Avatar billede thesurfer Nybegynder
22. september 2007 - 20:12 #18
Hmmm... det er da mystik.. jeg sidder lige og leger med det..
Det virker som om, at 100% i html,body er lig 1 skærmbillede..
Avatar billede thesurfer Nybegynder
22. september 2007 - 20:20 #19
Jeg går ud fra, at der skal være en sort kant, nede i bunden af skærmen..
Avatar billede thesurfer Nybegynder
22. september 2007 - 20:21 #20
Rettelse: nede i bunden af det hvide område..


Det ser ud til at virke fint i Internet Explorer (pånær den sorte kant), men forkert i FireFox og Opera.. hvilket typisk betyder at der er noget galt.. :-)
Avatar billede peterpedersen Nybegynder
23. september 2007 - 18:38 #21
Ja, og jeg kan virkelig ikke selv se hvad fejlen er.

Og nej, der skal helst ikke være nogle sort kan i bunden ;)
Avatar billede peterpedersen Nybegynder
12. juli 2009 - 13:29 #22
Lukker.
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:08 Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP
28/0113:36 godt råd søges Alternativ styresystem på Mac pc Af luffe1955 i Andre styresystemer
28/0111:32 Hjælp til kontrol af sygefravær Af Maja i Excel
27/0113:59 2 skærme til en stationær computer Af BIRGER i Skærme
26/0119:26 Opstart af ny computer Af Bent i Windows
White papers
Flere white papers »