Avatar billede muddyw. Praktikant
07. oktober 2005 - 17:52 Der er 12 kommentarer

størrelse på bokse ændrer sig efter browservindue

Jeg har et stylesheet som ser således ud:
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #CCCCCC;
    padding: 0px;

}
#leftcol {
width: 170px;
float: left;
background-color: #dddddd;
border: 1px solid black;
height: 350px;

}
#indhold {
margin-bottom: 10px;
margin-left: 180px;
border: 1px solid black;
background-color: #dddddd;
height: 350px;
width: 500;
}

Ligenu flyder indholdet rundt alt efter hvor stort vinduet er i browseren der viser siden.

Hvad gør jeg for at boksene forbliver den ønskede størrelse uanset størrelse på vinduet der viser siden??
Avatar billede roenving Novice
07. oktober 2005 - 17:58 #1
Ændrer boksenes størrelse sig efter vinduets ?-)

-- det må jeg se for at forstå det, for ovenstående er da uproblematisk ?o]
Avatar billede muddyw. Praktikant
07. oktober 2005 - 18:36 #2
jeg forstår det heller ikke, men når jeg skal se ovenstående kode i en browser, så ændres den højre boks og indholdet i denne når jeg ændrer størrelsen på browservinduet...så det er rimelig problematisk.
Avatar billede olebole Juniormester
07. oktober 2005 - 19:43 #3
<ole>

- det skyldes vel, at du ikke har sat bredde på elementet, før der er en enhed på angivelsen:

  width: 500px;  ;o)

/mvh
</bole>
Avatar billede muddyw. Praktikant
09. oktober 2005 - 19:54 #4
ok, jeg har rettet bredden, men hvis jeg minimerer browservinduet nu så hopper indholdsboksen ned under "leftcol". Hvorfor gør den det??
Avatar billede roenving Novice
09. oktober 2005 - 19:56 #5
Hvorfor laver du så ikke bare to tabelceller ?-)
Avatar billede muddyw. Praktikant
09. oktober 2005 - 20:17 #6
fordi css er smartere...når det virker :-)
Avatar billede roenving Novice
09. oktober 2005 - 20:20 #7
-- men det virker jo ikke til dit formål her uden at du skal sætte en ekstra boks udenom, og så er det da bedre at benytte sig af det html-element, der lige præcis kan det, du ønsker !-)
Avatar billede muddyw. Praktikant
09. oktober 2005 - 20:30 #8
ja jeg kunne jo lave tabeller og positionere via css :)
Avatar billede olebole Juniormester
09. oktober 2005 - 20:35 #9
muddyw >> CSS er på ingen måde en modsætning til tabeller  :)

CSS er et sprog, der bruges til style HTML-elementer med.
Tabeller er elementer i et helt andet sprog - nemlig HTML.

Du kan sagtens bruge CSS til at style en tabel med. Der er godt nok nogle forvirrede tutorial-forfattere, der har fået W3C galt i halsen og gør alt for at sprede 'tabel-o-fobi'. Lyt ikke til dem ... ofte er de ikke så forskellige fra andre 'religiøse fanatikere' - selvom de dog sjældent har tevarmere på hovedet  ;o)

- mellem to grøfter ligger ofte en farbar vej  :)
Avatar billede muddyw. Praktikant
09. oktober 2005 - 20:47 #10
he he, ja jeg er lidt forvirret på hvordan det egentlig er bedst at opbygge sin html-skabelon. Har lige købt en bog som fortæller at det er bedst og moderne at opbygge sine sider som ovennævnte. Men det nytter jo ikke når man ikke kan være sikker på hvordan det ser ud i forskellige browsere og størrelser. Men jeg har da fundet ud af at det bedste er at bruge tabeller og så bruge css til at style dem....så er man vel nogenlunde sikker på visningen.
Avatar billede olebole Juniormester
09. oktober 2005 - 23:28 #11
F.eks. til at opdele i søjler, der skal være lige høje, er der ikke noget andet element, der fungerer ligeså godt. Til andre opgaver, er der andre elementer, der er langt bedre.
Øvelsen består i at anvende de bedste elementer til den foreliggende opgave. Målt på det parameter, adskiller webkodning sig ikke stort fra resten af livet  :)
Avatar billede muddyw. Praktikant
13. oktober 2005 - 10:25 #12
tak for de filosofiske refleksioner...smid et svar.
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