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

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	I dag 15: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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS