Søg
Avatar billede nemlig Professor
18. november 2009 - 22:41 Der er 9 kommentarer og
1 løsning

Fast størrelse på side

Hejsa.
Jeg har en webside, der er designet med <table>, og vil gerne opdatere den med noget <div>-boks i stedet.

Mon en venlig sjæl vil hjælpe mig med grundopsætningen af siden.
Jeg har en topbanner (top.png) og en bundbanner (bund.png) -  begge 900px bredde.

Jeg vil gerne, at websiden er centreret og 900px bred, hvor top.png er i toppen og bund.png er i bunden.
Er det muligt at have en fast højde på websiden, fx. 500px incl. top- og bundbanner.

Tanken er, at når ovennævne design virker, så vil jeg designe indholdet - igen med <div>bokse.
Det mener jeg, at jeg har nogenlunde styr på.
Avatar billede preppydude Nybegynder
18. november 2009 - 22:54 #1
Kunne nok godt gøres bedre, men her:

<html>
    <head>
        <title></title>
        <style type="text/css">
        h1,p { margin:0; }
        .clearfix { 
            display: inline-block;
        }
        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        .clearfix {
            display: block;
        }
        div.wrapper {
            width: 900px;
            text-align: left;
            background: red;
        }
        div.wrapper div.top {
            height: 100px;
            background: yellow;
        }
        div.wrapper div.content {
            min-height: 300px;
            background: lime;
        }
        div.wrapper div.bottom {
            height: 100px;
            background: blue;
        }
        </style>
    </head>
    <body>
    <center>
    
        <div class="wrapper clearfix">
            <div class="top">!!</div>
            <div class="content">
                <h1>OVERSKRIFT</h1>
                <p>
                    Tekst tekst tekst tekst tekst tekst tekst.
                </p>
            </div>
            <div class="bottom">asd</div>
        </div>
    
    </center>
    </body>
</html>
Avatar billede nemlig Professor
18. november 2009 - 23:16 #2
Sejt - men er det ikke muligt, at have en fast højde på siden, fx 500px.
Avatar billede nemlig Professor
18. november 2009 - 23:25 #3
Jeg tror jeg har fundet ud af det. Det er bare ved at  sætte min-heigt til height.
Avatar billede preppydude Nybegynder
18. november 2009 - 23:29 #4
min-height er en standard CSS2 property der gerne skulle tvinge en minimums højde. Men det kan godt være at IE/Microsoft har været ligeglad med den.. det ville ikke overraske mig.

Du kan læse mere om den her: http://www.w3schools.com/CSS/pr_dim_min-height.asp
Avatar billede nemlig Professor
18. november 2009 - 23:44 #5
Super - Tak for koden. Det er rigtigt fedt, og jeg er godt i gang med at lave alle mine tables om til <div>.
Sender du et svar.
Avatar billede nemlig Professor
19. november 2009 - 08:30 #6
Lige et spørgsmål til den faste højde.
Lige nu er der jo bare tale om en min. højde på de 300 px.
Hvis indholdet i "boksen" fylder mere, så bliver højde også større.
Kan højden låses, og hvis indholdet fylder mere, er det så muligt, at der kommer en scrollbar til højre - lidt lige som textarea.
Avatar billede wanze Nybegynder
20. november 2009 - 00:05 #7
Ja, det er det, så skal du blot definere en præcis højde (height - ikke min-height), og derudover sætte overflow: auto; på.
Avatar billede nemlig Professor
01. december 2009 - 22:30 #8
Jeg har det til at fungere. Send venligst et svar og jeg fordeler pointene.
Avatar billede wanze Nybegynder
01. december 2009 - 22:39 #9
Sådan :)
Avatar billede nemlig Professor
18. december 2009 - 17:17 #10
preppydude:
Send venligst et svar, så jeg kan lukke. :)
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 14:46 Offline opdatering af co-working excell sheet Af morten vestergaard i Excel
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
White papers
Flere white papers »