Søg
Avatar billede markus-king Nybegynder
18. marts 2012 - 13:17 Der er 17 kommentarer og
1 løsning

[HTML] Overlapning af divs

Hej alle,

Jeg står i en meget stresset situation, hvor jeg har brug for hjælp med et design.

Jeg har en footer, som sidder ovenpå selve indholdsboksen, hvilket ikke er meningen.  Footeren skal skubbes ned, alt efter hvor meget tekst der er i indholdsboksen, men i dette tilfælde så ryger boksen blot ned under footeren.

Er der ikke en løsning på dette? Har forsøgt med overflow, det fungerer ikke.

Min .pageWrap fungerer ved, at bestemme afstanden fra footeren til toppen, som er sat til min-height: 900px;

Min .content følger dog ikke grænsen af denne .pageWrap, men fortsætter blot nedad under footeren.


Håber på hurtigt hjælp!
Avatar billede michael_stim Ekspert
18. marts 2012 - 13:52 #1
Prøv med clear: both;
Avatar billede pstidsen Novice
18. marts 2012 - 13:56 #2
Hivs jeg har forstået det rigtigt, så er dette løsningen:
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>959589</title>
    <style type="text/css">
    #hoved {
    border: 1px solid #000;
    width: 700px;
    height: auto;}
   
    #indhold {
    border: 1px solid #000;
    width: 700px;
    height: auto;}
   
    #footer {
    border: 1px solid #000;
    width: 700px;
    height: 150px;}
   
    </style>
</head>
<body>
<div id="hoved">
<div id="indhold">
Indhold
</div>
<div id="footer">
Footer
</div>
</div>
</body>
</html>
Avatar billede pstidsen Novice
18. marts 2012 - 13:59 #3
Du kan se eksemplet her: http://runescapenews.dk/Pstidsen/959589.html
Avatar billede markus-king Nybegynder
18. marts 2012 - 14:48 #4
Clear:both fungerer ikke.

Pstidsen--> Jeg kan godt se det er sådan man laver det.. Men problemet er. at designet af siden er anderledes opbygget med millioner af mere eller mindre brugbare bokse.

Designet skal se sådan ud, "Indhold" ryger dog ned under "footer".
Avatar billede markus-king Nybegynder
18. marts 2012 - 14:57 #5
Linket:

http://www.sgc.se/nbc2012/NBC/index.php
Avatar billede pstidsen Novice
18. marts 2012 - 15:21 #6
#5: Så vidt jeg kan se ser siden helt normal ud her.

Her er to screenshots fra hvordan det ser ud her: http://files.droplr.com/files_production/acc_43079/U3Ue?AWSAccessKeyId=AKIAJSVQN3Z4K7MT5U2A&Expires=1332080466&Signature=NhpsQT6CHY15vz6W4rfILzXF1hU%3D&response-content-disposition=inline%3B+filename%3D%22Screenshot+on+3.18.2012+at+3.18.52+PM.png%22 og http://files.droplr.com/files_production/acc_43079/Z0Te?AWSAccessKeyId=AKIAJSVQN3Z4K7MT5U2A&Expires=1332080506&Signature=vcfYxrfwFpP2qgSKv%2FdFPUAbh%2F4%3D&response-content-disposition=inline%3B+filename%3D%22Screenshot+on+3.18.2012+at+3.20.37+PM.png%22
Avatar billede pstidsen Novice
18. marts 2012 - 15:23 #7
Der er lige 225 fejl du lige kan rette først! http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sgc.se%2Fnbc2012%2FNBC%2Findex.php&charset=%28detect+automatically%29&doctype=Inline&group=0
Avatar billede markus-king Nybegynder
18. marts 2012 - 15:26 #8
Jeg kan ikke se screenshottet?

Problemet er sponsorerne. De skal helst være lige under det hvide, helt klistret op af. Den eneste grund til at teksten ikke ryger ind under er fordi jeg har defineret min-height på pagewrap. Uden den vil indholdet blot ryge ind under sponsorerne.
Avatar billede pstidsen Novice
18. marts 2012 - 15:59 #9
Her er billeder: http://files.droplr.com/files_production/acc_43079/U3Ue?AWSAccessKeyId=AKIAJSVQN3Z4K7MT5U2A&Expires=1332082770&Signature=EA2b3IQRICfYGbftDTPbfvgQfv8%3D&response-content-disposition=inline%3B+filename%3D%22Screenshot+on+3.18.2012+at+3.18.52+PM.png%22 og http://files.droplr.com/files_production/acc_43079/Z0Te?AWSAccessKeyId=AKIAJSVQN3Z4K7MT5U2A&Expires=1332082763&Signature=WolB3qXzvMKLVrUH4sH6KCzOCxw%3D&response-content-disposition=inline%3B+filename%3D%22Screenshot+on+3.18.2012+at+3.20.37+PM.png%22

Beskriv hvad der er galt.
Avatar billede pstidsen Novice
18. marts 2012 - 16:00 #10
Men start med at rette fejlene i #7!
Avatar billede markus-king Nybegynder
18. marts 2012 - 16:10 #11
De fungerer fortsat ikke.

Fejlene skal nok rettes, men den største fejl er stadig det med footeren og er min første prioritet.

Tak for hjælpen. Lader tråden blive lidt endnu for at høre på flere forslag.
Avatar billede pstidsen Novice
18. marts 2012 - 17:24 #12
I din CSS skal du sætte margin-top: 900px; til sponsers og slet min height på pagewrapper. Så er den hvis ordnet.
Avatar billede markus-king Nybegynder
18. marts 2012 - 18:49 #13
Det fungerer desværre ikke.

Designet ser også forskelligt ud i de forskellige browsere.
Avatar billede pstidsen Novice
18. marts 2012 - 19:02 #14
Det fungerer desværre ikke.
Det fungerer i min browser, Opera.

Designet ser også forskelligt ud i de forskellige browsere.
Lige netop derfor skal få rettet dine valideringsfejl! Før du har gjort det så kommer vi ikke videre.
Avatar billede markus-king Nybegynder
18. marts 2012 - 19:17 #15
Nu fungerer designet i alle browsere på min PC (Opera, IE, FF, Chrome samt Safari).

Det ser dog ikke ud til at fungere for alle. Må se at få rettet de fejl der er.
Avatar billede pstidsen Novice
18. marts 2012 - 19:24 #16
Det virker også her! Er problemet løst?
Avatar billede markus-king Nybegynder
19. marts 2012 - 20:19 #17
Tak for hjælpen,

Post gerne et svar, PsTidsen.
Avatar billede pstidsen Novice
19. marts 2012 - 20:53 #18
Fik du det hele til at virke?
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
Microsoft 365 kurser
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.
Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel Indlæg Oprettet Seneste aktivitet
En som kan designe et LegoKørekort? Af Chris i Andet design 7 30/10/202404:18 30/10/202414:10
3D foto til stl Af johnnylassen i Andet design 1 31/07/202313:32 31/07/202314:28
InDesign - Af Ajnbnb i Andet design 6 29/07/202209:29 01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design 6 04/04/202211:38 04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design 3 18/02/202217:41 20/02/202216:52
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:42 cmd r virker ikke Af candide i Mac
04/1122:42 Strømforsyning til Sony TV Af pvn i Fjernsyn & projektorer
04/1111:20 Fiberby i ny lejlighed - hvordan? Af Josvto i Routere & Switches
04/1110:30 SEO Optimering Af Flowcare i Webhotel
03/1107:57 Pludselig begyndte min computer at larme Af lenej i PC
White papers
Flere white papers »