Søg
Avatar billede alpapa Nybegynder
24. juli 2005 - 14:17 Der er 14 kommentarer og
2 løsninger

div positionering på dynamisk side

Hejsa Eksperter

Har en side som kan ændre indhold alt efter hvad hvor meget tekst der bliver uploaded, dette gør at jeg ikke ved hvor "høj" siden er, hvilket gør at jeg ikke kan finde ud af at positionere min div footer!

Hvis der ikke er uploaded så meget tekst at der skal scrolles, skal div'en ligge helt nede i bunden af siden MEN hvis der skal scrolles skal div'en ligge forneden teksten...

PS. Har også problemer med at få den 100% i width uden at der kommer horisontalt scroll!

Siden skal virke i Mozilla Firefox

Har kun div'er og ingen tabeller på siden

I kan se problemet på default og cv siden
http://whyweb.dk/tira/

Har I nogle forslag til hvor jeg løser disse problemer?

På forhånd tak
alpapa
Avatar billede foxmulder58 Praktikant
24. juli 2005 - 14:37 #1
Jeg ved ikke om dette er løsningen men vel et forsøg værd:

Kan du ikke lave en <div> der omkranser indholdet af henholdsvis "indhold" og "footer" ??


mvh
Mads
Avatar billede foxmulder58 Praktikant
24. juli 2005 - 14:39 #2
sådan her:

<div id="main">

<div=id="indhold"> Tour with Mezzoforte


Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatioLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio
</div>
<div id="footer">Tira Skamby | Schleppegrellsgade 2, 4. tv. | 2200 Copenhagen | Tlf. +45 34361602 | Mob. +45 25368788 | @ info@tiraskamby.com

</div>
</div>
Avatar billede alpapa Nybegynder
24. juli 2005 - 14:46 #3
Jo, det virker hvis der skal scrolles på siden, hvis ikke vil footeren ligge for langt oppe på siden... hvis du forstår?
Avatar billede roenving Novice
24. juli 2005 - 14:51 #4
Så sæt højden på hele hierarkiet af elementer til 100%, definér højden for indholdsdiven til:

height:100%;min-height:100%;

-- sæt et skygge-element, og positioner footer-diven absolut og placer den i bunden:

position:absolute;bottom:0px;
Avatar billede alpapa Nybegynder
24. juli 2005 - 15:03 #5
Okay - hvad er et skygge-element?
Avatar billede roenving Novice
24. juli 2005 - 15:07 #6
Et element, som optager lige så meget plads som footeren, men f.eks. har visibility sat til hidden, for hvis footeren positioneres absolut, vil den evt.komme til at lægge sig ovenpå indholdet, da den ingen plads optager !-)
Avatar billede alpapa Nybegynder
24. juli 2005 - 16:29 #7
Super duper - havde du et forslag til hvordan jeg sætter footerens width:100%; UDEN at der kommer horisontalt scroll?
Avatar billede roenving Novice
24. juli 2005 - 16:33 #8
Hvis indholdsdiven har en defineret bredde (og er positioneret relativt !-), vil de 100% forholde sig dens bredde !o]
Avatar billede alpapa Nybegynder
24. juli 2005 - 16:58 #9
Great - smid et svar, og tak for hjælpen ;->
Avatar billede roenving Novice
24. juli 2005 - 17:01 #10
Velbekomme '-)

-- men Mads satte vel processen igang, så han også skal være med i pintene !-)
Avatar billede alpapa Nybegynder
24. juli 2005 - 17:19 #11
Sure
Avatar billede alpapa Nybegynder
25. juli 2005 - 10:30 #12
-> Mads, gider du smide et svar så vi kan få lukket ;-)
Avatar billede foxmulder58 Praktikant
25. juli 2005 - 10:36 #13
jo svar! :-)
Avatar billede roenving Novice
25. juli 2005 - 14:23 #14
-- og tak for point ;~}
Avatar billede alpapa Nybegynder
25. juli 2005 - 16:23 #15
Welcome ;->
Avatar billede foxmulder58 Praktikant
25. juli 2005 - 16:24 #16
jeg takker også!

mvh
mads
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 16:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
08/0812:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »