Kandu.dk - fast position


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

fast position
Fra : Søren Steinmetz

Dato : 04-05-03 13:32

Hejsa,

Jeg har et lille problem

Min menu ligger som en html fil for sig med javascriptet.

Den vil jeg gerne have inkluderet på alle siderne, er klaret Glad

Hvordan kan jeg sætte den op, så menu'en altid står i toppen af skærmen
selvom der bliver scrollet nedad ?

Har lavet et testsetup på min hjemmeserver:

http://data.steintech.dk

øverst er link til den side hvor jeg har inkluderet menu'en
nederst ligger siden som den faktisk kører lige nu med frames.

Jeg vil gerne ud over at benytte frames.

Det er sikkert bare en kommando jeg har overset men hvilken ?

PFT
Søren Steinmetz

Jens Gyldenkærne Cla~ (04-05-2003)

Kommentar
Fra : Jens Gyldenkærne Cla~

Dato : 04-05-03 14:08

Søren Steinmetz skrev:

> Hvordan kan jeg sætte den op, så menu'en altid står i toppen
> af skærmen selvom der bliver scrollet nedad ?

position: fixed; - klarer ærterne, lige bortset fra IE ;-/

Man kan få det til at virke i IE6 (og tilsyneladen nu også i IE5) -
se følgende side:
<http://devnull.tagsoup.com/fixed/horizontal.html>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

jopa (04-05-2003)

Kommentar
Fra : jopa

Dato : 04-05-03 18:15

Davs du
Søren Steinmetz <steine@reopos.dk> skrev bla:
> Hvordan kan jeg sætte den op, så menu'en altid står i toppen af
> skærmen selvom der bliver scrollet nedad ?

Prøv nedenstående. Undskylder den lidt lange kode. Kunne selvfølgelig have
oploadet den Blink

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ingen frames</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow: auto;
background: #cce;
font: 11px/1.5em verdana, sans-serif;
}
#container {
height: 80%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
z-index:0;
}
#content {
margin: 40px 40px 40px 250px;
border: 1px solid white;
background: #779;
color: #eee;
padding: 20px;
}
#fixed {
border: 1px solid white;
background: #55a;
color: white;
font-weight: bold;
position: absolute;
top: 40px;
left: 40px;
width: 180px;
padding: 10px;
}
h3 {
font-size: 16px;
line-height: 1.2em;
}
#top {
background: #449;
color: white;
width: 100%;
height: 20%;
}
</style>

</head>

<body>

<div id="fixed">
<h3>ha ha ha ingen frames!</h3>
test test 
test test 
test test 
test test 
test test 
</div>
<div id="top">
Topmenu der ikke forsvinder?
</div>

<div id="container">
<div id="content">
asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf 
asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf 
asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf slut
</div>
 
</div>

</body>

</html>

--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!

Søren Steinmetz (06-05-2003)

Kommentar
Fra : Søren Steinmetz

Dato : 06-05-03 21:40

Takker for svarende begge to,
har ikke haft tid til at svare før nu.

Jeg kikker lidt på det senere på ugen.

Hygge, og igen tak
Søren Steinmetz

"jopa" <johns@paradis.dk> skrev i en meddelelse
news:3eb54a99$0$24687$edfadb0f@dread14.news.tele.dk...
> Davs du
> Søren Steinmetz <steine@reopos.dk> skrev bla:
> > Hvordan kan jeg sætte den op, så menu'en altid står i toppen af
> > skærmen selvom der bliver scrollet nedad ?
>
> Prøv nedenstående. Undskylder den lidt lange kode. Kunne selvfølgelig
have
> oploadet den Blink

>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>ingen frames</title>
> <style type="text/css">
> html, body {
> margin: 0;
> padding: 0;
> height: 100%;
> width: 100%;
> overflow: auto;
> background: #cce;
> font: 11px/1.5em verdana, sans-serif;
> }
> #container {
> height: 80%;
> width: 100%;
> margin: 0;
> padding: 0;
> overflow: auto;
> z-index:0;
> }
> #content {
> margin: 40px 40px 40px 250px;
> border: 1px solid white;
> background: #779;
> color: #eee;
> padding: 20px;
> }
> #fixed {
> border: 1px solid white;
> background: #55a;
> color: white;
> font-weight: bold;
> position: absolute;
> top: 40px;
> left: 40px;
> width: 180px;
> padding: 10px;
> }
> h3 {
> font-size: 16px;
> line-height: 1.2em;
> }
> #top {
> background: #449;
> color: white;
> width: 100%;
> height: 20%;
> }
> </style>
>
> </head>
>
> <body>
>
> <div id="fixed">
> <h3>ha ha ha ingen frames!</h3>
> test test 
> test test 
> test test 
> test test 
> test test 
> </div>
> <div id="top">
> Topmenu der ikke forsvinder?
> </div>
>
> <div id="container">
> <div id="content">
> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf 
> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf 
> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf asdf asdf asdf asdf 
asdf /> asdf asdf slut
> </div>
> 
> </div>
>
> </body>
>
> </html>
>
>
>
> --
> Mvh. John
> www.johns-web.dk / www.jp-web.dk
> www.web-templates.dk
> Teamwork sharpening the skills!!
>
>

Søg

Reklame

Statistik

Spørgsmål :	177505
Tips :	31968
Nyheder :	719565
Indlæg :	6408554
Brugere :	218887

Månedens bedste

Årets bedste

Sidste års bedste