Avatar billede j-e Nybegynder
10. juni 2008 - 12:11 Der er 3 kommentarer og
1 løsning

CSS webdesign

Jeg har 3 baggrunde top, midt og bund. De skal være sådan at, der kommer 1 top, 1 bund og midten skal flydes ud til lige før der kommer en scrollbar??? Jeg kan ikke selv lige regne ud hvordan man skal gør det i CSS og jeg ved det er muligt.....
Avatar billede w13 Novice
10. juni 2008 - 12:22 #1
Mener du lige før der kommer en scrollbar i midten eller en scrollbar på hele siden?
Det første kan sagtens laves, det andet er knap så nemt med CSS.
Avatar billede mclemens Nybegynder
10. juni 2008 - 13:19 #2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body {height:100%;margin:0;padding:0;}
#top {height:29px;background:url('http://www.eksperten.dk/img/flag_green.gif');position:absolute;width:100%;}
#mainholder {height:100%;background:url('http://www.eksperten.dk/img/elogo.png') 0 29px;}
body > #mainholder {height:auto;min-height:100%;}
#main {padding: 29px 0 33px 0;}
#bottomholder {height:0;position:relative;}
#bottom {height:33px;position:absolute;bottom:0;background:url('http://www.eksperten.dk/img/flag_yellow.gif');width:100%;}
</style>

</head><body>

<div id="top">TOP</div>

<div id="mainholder"><div id="main">startMAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAINslut
</div></div>

<div id="bottomholder"><div id="bottom">Bottom</div><div>

</body></html>



1. Ret top's baggrund - og ret de "29px"
overalt i css til top billedets højde

2. Ret mainholderen's baggrund

3. Ret bottom's  baggrund og ret de "33px"
overalt i css til bottom billedets højde
Avatar billede j-e Nybegynder
10. juni 2008 - 16:18 #3
Det fungerer desværre ikke med runde hjørner..Jeg beklagerat jeg ikke lige fik skrevet det med de runde hjørner i mit spørgsmål..
Avatar billede mclemens Nybegynder
10. juni 2008 - 19:45 #4
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta

http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body {height:100%;margin:0;padding:0;}

#topholder {height:0;position:relative;width:980px;margin:0 auto;}

#top {height:29px;background:url('http://img380.imageshack.us/img380/9085/topjr1.jpg');position:absolute;width:100%;}


#mainholder {height:100%;background:url('http://www.eksperten.dk/img/elogo.png') 0 29px;width:980px;margin:0 auto;}
body > #mainholder {height:auto;min-height:100%;}

#main {padding: 29px 10px 29px 10px;}

#bottomholder {height:0;position:relative;
width:980px;margin:0 auto;}

#bottom

{height:29px;position:absolute;bottom:0;background:url('http://img178.imageshack.us/img178/4474/bundvo8.jpg');width:100%;}
</style>

</head><body>

<div id="topholder"><div id="top">&nbsp;</div></div>

<div id="mainholder"><div

id="main">startMAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<

br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>MAIN<br>... Host courtesy imageshack.us: http://imageshack.us/<br>MAINslut
</div></div>

<div id="bottomholder"><div id="bottom">&nbsp;</div><div>

</body></html>
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