Avatar billede fgsupermand Nybegynder
26. august 2003 - 19:48 Der er 4 kommentarer og
1 løsning

Bredde af bokse

Jeg vil gerne lave en side med en css boks i venstre side som menu og en boks i højre side, hvor alt indhold bliver vist.

Boksen i venstre side skal have en fast bredde på 200px, boksen i højre side skal fylde resten af siden (i bredden), kan dette lade sig gøre med css/css2 ?

i kan se et lille eks. her: www.cwain.dk/test/test1.html det er den boks der står "højre" i, det skal fylde resten af siden.
Avatar billede syvon Nybegynder
26. august 2003 - 20:42 #1
noget i denne stil du mener

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>[Ingen titel]</title>
    <style type="text/css">
    body{
    background-color:silver;
    color:black;
    margin:0px;
    }
    .Tablemenu{
    background-color:#999999;
    color:#000000;
    width:200px;
    height:30%;
    float:left;
    }
    .Tableindhold{
    background-color:#fff000;
    color:#000000;
    width:100%;
    height:100%;
        }
</style>
</head>
<body>
<div class="Tablemenu">menuen her</div>
<div class="Tableindhold"> indhold her</div>


</body>
</html>
Avatar billede lklingenberg Nybegynder
26. august 2003 - 20:56 #2
Avatar billede lklingenberg Nybegynder
26. august 2003 - 21:01 #3
Når du har fastsat en absolut bredde på din menuboks skal du overveje hvad der sker hvis folk (fx synshæmmede) anvender en meget stor standardfontstørrelse. Jeg kan se at du "over ruler" det med en absolut fontstørrelse på din body. Dette er ikke hensigtsmæssigt overfor brugere der gerne selv vil styre fontstørelsen.
Avatar billede fgsupermand Nybegynder
26. august 2003 - 21:30 #4
Ikke lige sådan jeg havde tænk mig det, men det virker :)

Til det med synshæmmede: det er ikke rigtig muligt at lave en side med flot design (med billeder) der ikke bliver fuckede op når man ændre skrift størrelsen op af. Synshæmmede skal i stedet bruge en form for elektronisk forstørrelses glas, sætte opløsningen ned eller man skal designe siden til forskellige opløsninger.
Avatar billede lklingenberg Nybegynder
27. august 2003 - 07:51 #5
Man kan sagtens designe sider til synshæmmede uden at designet bliver brudt - efter min mening kommer indholdet i første række, brugervenligheden i anden række og først derefter designet. Designet må IMHO ikke stå i vejen for at siderne kan ses og bruges af alle og i alle browsere!

Se fx på http://www.ifi.ku.dk/kursus/kursus/index_ku.asp (testside - links er "døde"). Her er designet lavet så også synshæmmede kan sætte fontstørrelsen op uden at designet brydes.

Det hjælper jo heller ikke at lave et design hvor der med småt (fordi det passer ind i designet) står at synshæmmede skal "klikke her" - de kan jo ikke se det! Og mht. elektronisk forstørrelsesglas, så er det vist ikke er holdbar løsning - det begrænser jo brugeren til at kun at kunne tilgå informationerne fra de maskiner, hvor dette er installeret. Og det er der vist ikke mange offentlige computere der har...
/Lars
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