Hvordan laver man en side der tilpasser sig i højde og bredde

Der er også en side som fx http://www.2develop.dk/

Tager vi siden wiinbad er det et baggrundsbillede som er på body med denne class, der er repeat på billedet så det passer til alle skærm størrelser.

body {
    background-image: url(gfx/bg.jpg);
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
}

Efter hvad jeg kan se på siderne er der jo intet prangende i det. Det kunne laves således:

<style type="text/css">
html, body { margin: 0; padding: 0; background: url(ditbillede.her) repeat-y top left; }
.ditindhold { margin: 0 auto; width: 800px; }
</style>

Så vil "ditindhold" automatisk justere højre/venstre marginen efter browserens bredde.

Zips - Det vil jeg så også sige et næsten det enste design som falder uden for stilen.

ssv - jeg vil dog ikke sige at det er noget der er prangende i det, jeg spørger blodt hvordan de gør det.

Hvis udu fx tager en side som http://www.2develop.dk/ så følger designet og baggrunden med hele tiden når man åbner links osv, bunden giver sig og siden er placeret hvor den skal i en helhed. Det er det der får det til at se godt ud sammen

Det samme er gældende for http://www.sundhed-klinik.dk/ der er blot ingen baggrund på men den nederste linje følger browserens størrelse og det er den effekt jeg spørger til!!!

Finder man det i CSS?

Jeg er lost... de sider du linker til er da ganske almindelige sider med en fast brede og variabel højde alt efter indhold, bruger du ssv css kode er det med en fast baggrund og din side med 800px bred og centeret, helt almindligt side layout :)

Okay.

Hmm så er det bare mig der ikke kan finde ud af at definere et almindeligt design:P...

problemet er når jeg laver et webdesign så følger det fx ikke med på bundlinjen men s¨år og svæver samme stæd og jeg kan ikke finde ud af at lave det så den fx følger bunden, derfor spørger jeg om disse ting...

hvad kalder du det variabel højde eller?

Tager vi de 2 sidste link du har vist, så er der så meget indhold at den passer til siden i højden, har man ikke noget indhold vil siden kun fylde det halve af siden, dette kan man undgå men en min-height på siden, så den altid fylder hele siden, men normalt har man jo indhold nok og derved ikke har min-height på :)

Hmm
ja men det forklare vel ikke effekten...

Det er det der er mit store spørgsmål, hvordan får de det til at få så perfekt ud, passe sammen i linjer osv...

Samtidig er siden samme sted ved alle browsere placeret i midten. når til top og bund ved browsere. Jeg får altid denne obligatoriske cm i bunden af designet og hvis man skifter opløsning så er designet stillestående, men her følger underdelen af designet med, uanset opløsning

Alle de sider du har lagt link til er bygget op i tabelere, dette bruger man ikke mere, nu er det div som gør det meget nemmere at få lige det design man ønsker da du kan flytte rundt på dem som du vil ved hjælp af css.

Alle sider er også med en fast brede og centeret midt på siden, prøv at lægge noget af det op du snakker om så vi kan se hvad du mener med de obligatoriske cm i bunden.

Med div og css kan du lave det samme som disse sider viser, men det kræver at man opbygger sin side rigtigt så det er nemt at style med css.

Man plejer at lave en div hvor alt bliver lagt ind og styler den med
#wapper { margin: 0 auto; width: 800px; }

Dette giver en div "boks" som er centeret på siden og 800 px bred nu passer den til alle browser og det er bare at fylde noget i den.

Men kik på nogle templates bygget med div og css så du har en ide om dens opbygning.

Hvor kan jeg finde disse oplysninger???

Altså hvordan an placerer div osv? Har kigget lidt på w3 men ikke rigtig med resultet.
Det der er mit problem er at jeg definere tabel i pixel og derved kommer der en cm i bunden af mit design alt efter hvilken skærm der ser den.
På min passer den men er det så en skærm uden hyperlinks og adressefelt mv så er der størrelses forskel og man ser bunden.

<ole>

Webkodning er et fag - og det er lidt ligesom at ville være gynækolog: Alle informationer om faget står ikke i en lille pamflet eller artikel på WWW. Du må i gang med bøger og evt. undervisning og lære at forstå webkoning fra bunden.

Det er ikke muligt at give dig en færdig løsning, som du kan bruge i alle mulige situationer. Markup-/CSS-løsninger skræddersyes til hver enkelt opgave, så uden at vide præcis, hvad du vil lave, kan vi ikke fortælle dig, hvad du skal gøre  ;o)

/mvh
</bole>

lukketid