Avatar billede bugger Nybegynder
05. november 2003 - 12:01 Der er 5 kommentarer og
2 løsninger

Sideopbygning med CSS bøvl

Hejsa
Jer er ved at lave en hjemmeside og jeg vil have siden opbygget siden med en CSS struktur, og ikke tabeller. Jeg har mokket en del med det (og læst tut’en på html.dk), men kan ikke rigtig få det til at køre.
Jeg vil have 3 vandrette felter.
1.felt (top) en højde på 130px og bredde på 100%
2.felt (mellem)en højde på 340 px og bredde på 100%
3 felt (bund) –højde på resten af browservinduet og bredde på 100%

Her er mit css.
#top {
    left:0px;
    top:0px;
    height: 130px;
    background-color:#F2F200;
}
#mellem {
    position:absolute;
    top: 130px;
    padding-top: 75px;   
    padding-left: 8px;
    padding-right: 8px;
    width:100%;       
    background-color:#F8F9FB;
    height:340px;       
}

#bund {
    position:absolute;
    left:0px;
    top:470px;
    width:100%;
    height: 100%;       
    background-color:#F2F2FF;

Men jeg kan sq. Ikke rigtig få bunden til at makke ret. Bredden på de 100% er OK, men hvis jeg angiver at højden skal være 100% får jeg en scrolbar og en masse ekstra tomt space. Hvordan gør jeg så bunden fylder resten af browservinduet ud med dens baggrundsfarve. ?
Avatar billede skovenborg Nybegynder
05. november 2003 - 12:30 #1
har du noget som helst vigtigt i den boks??? Ellers kunne du bare sætte baggrundsfarven til din body og så droppe den i #bund-diven. Så vil du jo ikke kunne se forske.
Avatar billede skovenborg Nybegynder
05. november 2003 - 12:31 #2
forske = forskel ;-)

det jeg præcist mener:
body
{
background-color:#F2F2FF;
}
#bund {
.....
background-color:transperant; /* eller slet ingenting */
Avatar billede b.b Nybegynder
05. november 2003 - 13:03 #3
har lige smidt et eksempel op med skovenborgs forslag:
http://bblauritzen.net/eksperten/423492.html
Har ryddet lidt op i din CSS + tilføjet en text div, som du kan bruge isted for #bund
Avatar billede bugger Nybegynder
05. november 2003 - 13:29 #4
Ja det virker fint med jeres forslag. Jeg havde selv fået det til at virke, men det var noget kløjs med z-index etc..
Hvis I vil dele points'ene så læg nogle svar.
ak for hjælpen.
Avatar billede bugger Nybegynder
05. november 2003 - 13:30 #5
Jeg mente :
Tak for hjælpen  :-)

ak ak
Avatar billede b.b Nybegynder
05. november 2003 - 13:40 #6
svar ;0)
Avatar billede skovenborg Nybegynder
05. november 2003 - 14:04 #7
svarer også :-)
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