CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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!

Synes godt om

michael_stim Ekspert

18. marts 2012 - 13:52 #1

Prøv med clear: both;

Synes godt om

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>

Synes godt om

pstidsen Novice

18. marts 2012 - 13:59 #3

Du kan se eksemplet her: http://runescapenews.dk/Pstidsen/959589.html

Synes godt om

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".

Synes godt om

markus-king Nybegynder

18. marts 2012 - 14:57 #5

Linket:

http://www.sgc.se/nbc2012/NBC/index.php

Synes godt om

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

Synes godt om

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

Synes godt om

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.

Synes godt om

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.

Synes godt om

pstidsen Novice

18. marts 2012 - 16:00 #10

Men start med at rette fejlene i #7!

Synes godt om

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.

Synes godt om

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.

Synes godt om

markus-king Nybegynder

18. marts 2012 - 18:49 #13

Det fungerer desværre ikke.

Designet ser også forskelligt ud i de forskellige browsere.

Synes godt om

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.

Synes godt om

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.

Synes godt om

pstidsen Novice

18. marts 2012 - 19:24 #16

Det virker også her! Er problemet løst?

Synes godt om

markus-king Nybegynder

19. marts 2012 - 20:19 #17

Tak for hjælpen,

Post gerne et svar, PsTidsen.

Synes godt om

pstidsen Novice

19. marts 2012 - 20:53 #18

Fik du det hele til at virke?

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

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
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
Farver i InDesign Af huddie i Andet design	2	01/11/202112:49	26/01/202219:01

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