Avatar billede madeindk Nybegynder
08. september 2007 - 00:41 Der er 7 kommentarer og
1 løsning

Mit design rykker ikke med indholdet?

Hej eksperter, jeg har et problem med et design som jeg ikke selv kan løse på stående fod. Jeg har mit stylesheet sat til følgende i body og html elementerne.

html, body
{
    height:                    100%;
    width:                    100%;
    margin:                    0px;
    padding:                0px;
}

Samt i min design container har jeg det sat til følgende:

div#designContainer
{
    width:                    958px;
    height:                    100%;
    position:                relative;
    background-color:        #FFFFFF;
    margin-left:            auto;
    margin-right:            auto;
    margin-top:                0px;
}

Og det fungerer også fint, hele designet er 100% i højden og det hele - nu har jeg så lagt nogle divs med position absolute ind i denne relative div, og det ser også super smart ud og det hele. Men ligeså snart jeg har noget langt indhold flytter designContainer-diven ikke med.

Og nu er mit spørgsmål så... hvordan løser jeg dette?
Avatar billede jhe-ting Nybegynder
08. september 2007 - 02:06 #1
Hvor har du dit 'lange indhold' i forhold til "div#designContainer"?

Demonstration af problemet hjælper med at indkredse metoden til at afhjælpe det.
Avatar billede madeindk Nybegynder
08. september 2007 - 12:22 #2
Jeg kan desværre ikke give en demonstration, da det er et lidt 'hemmeligt' projekt. Men jeg har en div der har position absolute inde i designContainer hvor mit content så er i og den udvider sig bare ikke.
Avatar billede olebole Juniormester
08. september 2007 - 14:20 #3
<ole>

Du må uploade et tilsvarende eksempel - ellers er det næsten umuligt at gætte sig frem til en løsning  :)

/mvh
</bole>
Avatar billede madeindk Nybegynder
08. september 2007 - 17:22 #4
Jeg bukker mig og lader jer se det, der ryger alligevel snart kodeord på :)

http://flexicms.sykonia.dk/flexicms/modules/filemanager/folder_overview.asp?ID=5
Avatar billede jhe-ting Nybegynder
09. september 2007 - 02:53 #5
Du kan tilføje:

    overflow:scroll;

til 'div#designContainer'. Så kommer der scrollbars på.

Flyt så din 'system-bottom' div udenfor 'designContainer'.

Så spiller det! ;)
Avatar billede madeindk Nybegynder
09. september 2007 - 16:00 #6
Det har jeg nu gjort, men system bottom fucker rimelig meget lige nu. Prøv at klik på linket og se igen.
Avatar billede madeindk Nybegynder
09. september 2007 - 16:09 #7
Men det var godt nok heller ikke sådan der jeg havde forestillet mig det skulle se ud. Vil gerne ha' den 'almindelige' srollbar tilbage. Det der holder ikke - der må være en løsning på det. Jeg har set det SÅ mange steder.
Avatar billede madeindk Nybegynder
09. september 2007 - 17:28 #8
Lukker. Jeg fandt en anden løsning ved at bruge tables :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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