Avatar billede noobsaibot Nybegynder
24. september 2005 - 16:51 Der er 4 kommentarer og
1 løsning

CCS vanskeligheder

Hej eksperter, jeg kan ikke forstå hvorfor mit lille eksempel gør at der kommer en elevator - jeg har sat højden til at være 100% :(

<html>
    <head>
        <style type="text/css">
            body
            {
                margin: 0px;
                padding: 0px;
            }

            div.main
            {
                margin-left:190px;
                background-color: Lime;
                height: 100%;
            }


            div.content
            {
                float:left;
                width:190px;
                margin:00;
                background-color: White;
                height: 100%;
            }

            .footer
            {
                clear:both;
                width:100%;
                color:white;
                background-color:gray;
            }
        </style>
       
    </head>
    <body>
        <div class="content">Content</div>
        <div class="main">Main</div>
        <div class="footer">Footer</div>
    </body>
</html>
Avatar billede pfp Nybegynder
24. september 2005 - 16:56 #1
Du bør nok flytte den til CSS kategorien.

Men du får scrollbars fordi du sætter main til 100% i højden, og så har du desuden både noget over under under (content og footer). Så er det klart at hvis main skal fylde hele skærmens højde, og der også skal være plads til de 2 andre som du tvinger ind, ja så er den nød til at udvide.
Avatar billede noobsaibot Nybegynder
24. september 2005 - 16:57 #2
mkay - hvordan flytter jeg den?

Dvs. jeg skal lave en ny klasse der indeholder alle elementer main+conten+footer og så sætte den til 100%?
Avatar billede pfp Nybegynder
24. september 2005 - 17:05 #3
Ja det er en måde at gøre det på.

Altså i pseudo:
  <container height=100%>
      <content>
      <main>
      <footer>
  </container>

Derudover kan du jo så godt definere hvor meget eksempelvis main skal udgøre at de totale 100%, det skal bare gå op..

Du kan ikke rigtig flytte dit spørgsmål. Du kan lukke det her og oprette samme spørgsmål i CSS kategorien.
Avatar billede noobsaibot Nybegynder
14. oktober 2005 - 20:43 #4
Smid blot et svar :)
Avatar billede pfp Nybegynder
14. oktober 2005 - 20:47 #5
.
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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