Søg
Avatar billede rudi1234 Nybegynder
23. oktober 2004 - 10:41 Der er 7 kommentarer og
1 løsning

Max witdh på site

En side skal gerne se ordentlig ud på både 1280x800 og 800x600 skærmopsætninger, så derfor:

Jeg ønsker at kunne sætte en tabels width til at være fx:
1. max 900px
2. men med skærmopsætninger hvor der er mindre plads, skal den være fx 95%


Hvordan løser jeg dette problem?
Avatar billede hermandsen Juniormester
23. oktober 2004 - 12:48 #1
table {
  max-width: 900px;
  width: 95%;
}

http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width

Virker ikke i Internet Explorer...
Avatar billede olebole Juniormester
23. oktober 2004 - 21:47 #2
<ole>

... og i den virkelige verden - udenfor religiøse kredse - må du stadig lave en JavaScript løsning  ;o)
Prøv at søge i denne kategori og JavaScript. Der har været i hundredevis af besvarelser på spørgsmålet

/mvh
</bole>
Avatar billede Daniel.E Praktikant
25. februar 2005 - 09:43 #3
ok.  Du skal prøve med noget som dette.  Du skal ikke bruge max-width, fordi at så bliver din målgruppe meget lille. 

Du skal sætte dig ned og glemme alt om TABLES. Fordi at tables er et misforstået koncept af næsten alle.  Tables er til at vise data tabulært, men som mange gør, bruger de dem til at designe en hjemmeside med.  DET ER FORKERT.

Tables er tunge, og kræver mange system ressourser i forhold til de HTML tags der er lavet til at designe hjemmesider med.


Jeg har et lille eks. på et standard layout, som viser den metode som er korrekt efter standarderne i opbygning, og brug at HTML / CSS.
Avatar billede Daniel.E Praktikant
25. februar 2005 - 09:43 #4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Standard Site layout</title>
        <style type="text/css">
       
        #CONTAINER {
        width: 800px;
        height: 600px;
        border: 1px solid #ABABAB;
        margin: 0 auto;
        }
       
        #TOP {
        float: left;
        width: 800px;
        height: 100px;
        border-bottom: 1px solid #ABABAB;
        }
       
        #CONTENT {
        float:left;
        width: 800px;
        height: 100px;
        }
        </style>
    </head>

    <body>
   
        <div id="CONTAINER">
       
        <div id="TOP">Site linkbar</div>
       
        <div id="CONTENT">Site content</div>
       
        </div>
   
    </body>
</html>
Avatar billede Daniel.E Praktikant
25. februar 2005 - 09:43 #5
Du skal så selv lige pille CSS´en ud i en extern fil.  Im just to lazy... ;)
Avatar billede Daniel.E Praktikant
25. februar 2005 - 09:45 #6
Du indsætter et externt CSS dokument med denne f.eks

<link href="style.css" rel="stylesheet" media="screen" type="text/css">

Der er også andre muligheder, men brug denne hvis din målgruppe skal være størst.
Avatar billede rudi1234 Nybegynder
25. februar 2005 - 12:12 #7
Jeg er helt enig, vb2, mht. at mange bruger tables forkert. Jeg gør det selv, men er blevet enig med mig selv om at stoppe fra nu af og kun bruge positionering med DIVs igennem css. :o)

Men jeg skal måske omformulere mit problem til at handle om hvordan man tilpasser sit layout til forskellige størrelser skærme.

Dette nye spm. vil jeg stille i en anden tråd, så dermed lukker jeg denne tråd.
Avatar billede rudi1234 Nybegynder
25. februar 2005 - 12:17 #8
Den nye tråd kan følges her: http://www.eksperten.dk/spm/594522
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 19:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
18/0816:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
18/0811:04 Outlookproblem Af g91 i E-mail programmer
18/0809:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
White papers
Flere white papers »