CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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.....

Synes godt om

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.

Synes godt om

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

Synes godt om

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..

Synes godt om

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"> </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"> </div><div>

</body></html>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS