Søg
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:28 Tekst format i Kodevinduet Af per2edb i Access
I går 16:55 Et pludselig opstået ikon på skrivebordet Af ErikHg i Windows
I går 10:32 Asus R565 legetøj Af Svend_J i PC
01/1118:59 Ang fifa 26 til Ps5 Af made18 i Andet software
01/1117:01 Kom til at tilslutte nogle 3.5 disk med et forkert Sata kabel fra en anden PSU Af Thomas B i Andet hardware
White papers
Flere white papers »