Avatar billede webnord Praktikant
30. marts 2010 - 17:17 Der er 4 kommentarer og
1 løsning

Et simpel spørgsmål

Hej NG

Sidder og roder lidt med css + HTML

Jeg vil gerne have en side der ser sådan ud:

  Body skal fylde hele skærmen
  Side skal være på en hvid side, der har en fast bredde og
  en fast højde
 
body { border: 0px;
    margin: 0px;
    background-color: #464646;
    font-family: "Times New Roman", serif;}

#side { margin: 50px 170px 50px 190px;
    background: #fff;}

Mit problem er at side (højden) retter sig efter indholdet.
Jeg kunne jo give side en fast højde, men ønsker at side skal rette sig efter skærmens opløsning.

nogen forslag?
Avatar billede zips Juniormester
30. marts 2010 - 18:12 #1
Så skal du bruge overflow så du får en scroll bar frem, ellers vil siden følge dit indhold.
http://www.w3schools.com/Css/pr_pos_overflow.asp
Avatar billede webnord Praktikant
30. marts 2010 - 18:30 #2
Det hjælper kun, hvis indholdet overstiger højden.

Det skal være sådan:
  Jeg har en mørk baggrund.
  Der skal være et hvidt felt med følgende dimensioner:
  fra toppen 50px
  fra bunden 50 px
  fra højre  170px
  fra venstre 190px
Alt indenfor dette areal skal være hvidt, uanset om der er et
indhold

Håber ikke det er for kryptisk :)
Avatar billede FrederikBache Nybegynder
01. april 2010 - 13:20 #3
Du kan evt. bruge position absolute på dit hvide felt:

#side{
  position:absolute;
  top:50px;
  bottom:50px;
  right:170px;
  left:190px;
  overflow-y:scroll;
}

Dette vil automatisk strække dit område til at fylde dette (også når browseren resizes). For at sikre at indholdet ikke overskrider, har jeg sat overflow-y:scroll på, så der kommer en scrollbar hvis indholdet fylder for meget.
Avatar billede FrederikBache Nybegynder
01. april 2010 - 13:21 #4
Bemærk dog, at nogle ældre browsere ikke helt kan forstå dette.
Avatar billede webnord Praktikant
01. april 2010 - 14:10 #5
mange tak - præcis hvad jeg ønskede
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