Notifikationer

Markér alle som læst Log ud

drinkit Praktikant

10. september 2009 - 10:05 Der er 9 kommentarer og
1 løsning

Div skal være 100% også når der er scroll på siden.

http://www.xup.dk/sous-le-soleil/

Som I kan se, går den storte "Menu" bjælke ikke hele vejen ned, når der bliver scrollet.
Jeg har prøvet med bottom: 0px; og height: 100%; osv osv.. Men de her ting gør kun at den går til kanten af browseren, ikke når man scroller.

Jeg vil have den til at gå helt ned til bunden af siden, og det er forskelligt fra post til post hvor bunden af.

Håber I forstår og kan hjælpe.
Tak

Synes godt om

drinkit Praktikant

10. september 2009 - 10:08 #1

#box {
top: 170px;
left: 730px;
position: absolute;
padding: 20px;
padding-top: 31px;
border-bottom: 20px solid #fff;
width: 200px;
background: #000;
color: #eee;
font-family: Courier new;
font-size: 15px;
text-decoration: none;
}

Synes godt om

kgkg Nybegynder

10. september 2009 - 11:35 #2

Det er et typisks problem med DIVs.

Du kan finde en forklaring og et .js script til løsning af problemet her:

http://www.projectseven.com/tutorials/css/pvii_columns/index.htm

Synes godt om

drinkit Praktikant

10. september 2009 - 11:41 #3

Det må da være muligt, jeg synes jeg har prøvet alt..

Synes godt om

drinkit Praktikant

10. september 2009 - 11:43 #4

Det er jo ikke min div's der skal have samme height. Min ene div skal bare være 100% høj, og ikke kun i browseren, men 100% som siden.

Synes godt om

olebole Juniormester

10. september 2009 - 13:34 #5

<ole>

Jamen, dit div er 100% højt. De 100% refererer til højden af din viewport, sådan som CSS påbyder.

Hvorfor skal div'et være ligeså højt, som det andet indhold? Hvorfor laver du ikke bare et baggrundsbillede, der efterligner et 'højhus'?
http://dengodekode.dk/eksperten/twocols/

/mvh
</bole>

Synes godt om

drinkit Praktikant

10. september 2009 - 16:24 #6

Ole. Hvordan sætter jeg så det ind?
Nu har jeg lavet en sort box der er 200 bred, ligesom min #box..

#wrapper {
position: relative;
margin-left: auto;
margin-right: auto;
background-color: #fff;
background-image:url('http://www.xup.dk/bg.jpg');
background-repeat: repeat-x;
width: 900px;
padding-left: 20px;
padding-right: 20px;
}

http://www.xup.dk/black.jpg - Men min wrapper kan jo ikke have 2 background-image

!?

Synes godt om

olebole Juniormester

10. september 2009 - 21:01 #7

Du kan ikke bruge samme sideopbygning, som du gør nu. Prøv at efterligne min opbygning =)

Synes godt om

drinkit Praktikant

16. september 2009 - 09:55 #8

Okay well, jeg vil ikke bygge min side om :)
Fandt også en anden løsning der hedder:

smid padding-bottom: 20000px;
og så put en margin-bottom: -20000px;
- så laver du en overflow: hidden på din wrapper, og så snyder du browseren på den måde.
Det virker fint.. (Selvom jeg valgte ikke at bruge det!)

Smid svar

Synes godt om

olebole Juniormester

16. september 2009 - 16:10 #9

Det er nok ikke en løsning, jeg ville vælge, men different strokes for different folks =)

Synes godt om

olebole Juniormester

16. september 2009 - 21:16 #10

Tak for points =)

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