Søg
Avatar billede franklinpaper Nybegynder
27. august 2006 - 11:49 Der er 45 kommentarer og
1 løsning

Billede som vandmærke.

Goddag.
Jeg ønsker et .png billede placeret i øverste venstre hjørne af min iframe, der skal resultere i blød overgang fra iframe til topbanner.
Det er altafgørende at billedet skal fungere som vandmræke; med andre ord skal det finde samme placeringen, ligegyldigt hvorvidt der scrolles.

Oprindeligt ville jeg have løst problemet med baggrundsangivelse, ved hjælp af følgende kode:

  background-image:url(BILLEDE TIL ØVERSTE VENSSTRE HJØRNE.jpg);
  background-attachment:fixed;
  background-position:left top ;
  background-repeat:no-repeat;

Dette fungerede desværre ikke, da jeg allerede havde angivet en grafisk baggrund.

Derfor lyder mit spørgsmål nu, hvorvidt der kan eksistere 2 baggrunde i ét script, eller hvorledes koden til dette vandmærke udformes.

På forhånd, mange tak!
Avatar billede thesurfer Nybegynder
27. august 2006 - 12:37 #1
Du kan ikke have 2 baggrunde på 1 side.
Men du kunne placere den nye baggrund i f.eks. en DIV, og placere den hvor du vil..
Avatar billede franklinpaper Nybegynder
27. august 2006 - 13:00 #2
Mange tak! - Hvorledes udformes den kode?
Avatar billede thesurfer Nybegynder
27. august 2006 - 13:18 #3
Husk doctype:

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

.topleft
{
position:fixed;
top:0px;
left:0px;
}
</style>
</head>
<body>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
Denne tekst står i bunden af siden, men billedet er i top left.
<div class="topleft"><img src="billede.jpg"></div>
</body>
</html>
Avatar billede thesurfer Nybegynder
27. august 2006 - 13:33 #4
Det du skal bruge er:

1) CSS-definitionen

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

.topleft
{
position:fixed;
top:0px;
left:0px;

</style>

2) Sæt definitionen til div'en:
<div class="topleft"><img src="billede.jpg"></div>

Den første del af CSS-koden sætter højden på elementerne HTML og BODY til 100%, samt fjerner "luften" udenom elementerne..
Avatar billede franklinpaper Nybegynder
27. august 2006 - 16:22 #5
Tak, men det fungerer overhovedet ikke, resulterer derimod i en blank side.
Avatar billede nielle Nybegynder
27. august 2006 - 16:37 #6
Du bør forresten lige være klar over at MS Explore ikke understøtter at en .PNG fil kan være gennemsigtig.
Avatar billede franklinpaper Nybegynder
27. august 2006 - 16:41 #7
Mange tak, hvor udbredt er denne browser?
Avatar billede thesurfer Nybegynder
27. august 2006 - 16:48 #8
franklinpaper> Det ER en blank side :-)
Der er en scrollbar, så du kan scrolle ned til bunden af siden, hvor du kan se teksten "Denne tekst står i bunden af siden, men billedet er i top left.".

Hvis du erstatter "billede.jpg" med filnavnet på et billede der ligger i samme mappe, vil billede blive oppe i venstre hjørne..

Test det lige.
Avatar billede thesurfer Nybegynder
27. august 2006 - 16:49 #9
PS:
"MS Explore" = Microsoft Internet Explorer
Avatar billede nielle Nybegynder
27. august 2006 - 16:49 #10
MS Explorer = Microsoft Internet Explorer. Temmeligt meget udberdt!

Omend jeg ikke lige kan ryste nogen statistikker ud af ærmet, så er det vist over 95%. Det lader i øvrigt ikke (?) til at Microsoft har fået rettet denne fejl i den kommende version 7 af exploren.
Avatar billede franklinpaper Nybegynder
27. august 2006 - 16:50 #11
Jeg har indtastet filnavnet, men billedet vises ikke, selvom man i status linien kan se det åbnes.
Avatar billede thesurfer Nybegynder
27. august 2006 - 16:59 #12
franklinpaper> Jeg tror at det er fordi du ikke har nogen doctype..

IE fatter ikke hvordan siden skal vises, med mindre at man angiver en doctype..
Avatar billede thesurfer Nybegynder
27. august 2006 - 17:02 #13
Hmm.. Følgende kode virker korrekt i Operva v9.01 og FireFox v1.5.0.6, men ikke i Internet Explorer 6 SP2:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>topleft</title>
<style type="text/css">
html,body
{
height:100%
margin:0px;
padding:0px;
}

.topleft
{
position:fixed;
top:0px;
left:0px;
}
</style>
</head>
<body>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
Denne tekst står i bunden af siden, men billedet er i top left.
<div class="topleft"><img src="billede.jpg"></div>
</body>
</html>
Avatar billede thesurfer Nybegynder
27. august 2006 - 17:05 #14
franklinpaper> Ang 27/08-2006 16:50:55:
- Kontroller om filnavnet er stavet korrekt (kopier filnavnet og indsæt det).
- Ligger de i samme mappe? Hvis ikke
-- skal du sikre dig at stien er korrekt
-- husk forholdet mellem mapperne, når du bruger relative stier
Avatar billede franklinpaper Nybegynder
27. august 2006 - 17:11 #15
Med anvendelse af doctype, vises det korrekt i FF, men ikke i IE.
IE = Blank side
FF = Korrekt fremvisning
Avatar billede mclemens Nybegynder
27. august 2006 - 17:20 #16
<!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{margin:0px;padding:0px;height:100%;}
html{background:url('http://www.eksperten.dk/img/flag_yellow.gif');}
body{background:transparent url('http://www.eksperten.dk/img/elogo.png') no-repeat;}
</style>

</head><body>

</body></html>
Avatar billede mclemens Nybegynder
27. august 2006 - 17:21 #17
transparent i body css var overflødig ...
Avatar billede thesurfer Nybegynder
27. august 2006 - 17:24 #18
mclemens> Hmm.. det virker lige så godt uden "transparent"..?
Avatar billede thesurfer Nybegynder
27. august 2006 - 17:27 #19
franklinpaper> Ang "27/08-2006 17:11:05": Kan du ikke scrolle ned til bunden af siden?

mclemens> Nogen anelse om hvorfor 27/08-2006 17:02:58 ikke virker i IE?
Avatar billede mclemens Nybegynder
27. august 2006 - 17:27 #20
... Ja, som sagt, det var en smutter :D

Tranparent png virker i IE, men det er ikke kønt ...
http://www.eksperten.dk/spm/727963
http://www.eksperten.dk/spm/726653#rid6387910
Avatar billede mclemens Nybegynder
27. august 2006 - 17:28 #21
IE understøtter ikke fixed.
Avatar billede mclemens Nybegynder
27. august 2006 - 17:29 #22
Alternativet er at have en fuldstørrelse layer med height 100% og overflow og så et element placeret uden til - så virker det i IE via. position: absolute; men hvis det bare er et enkelt baggrundsbillede - er det nok lidt overkill...
Avatar billede mclemens Nybegynder
27. august 2006 - 17:31 #23
Edit: Tranparent png virker i IE, men det er ikke kønt ...
-> Tranparent png virker i IE, men det er ikke kønt ... men
dog ikke som baggrundsbilleder der repeates ... det er lidt øv ...
Avatar billede franklinpaper Nybegynder
27. august 2006 - 17:34 #24
Mclemens:
Tak, men billedet fungerer ikke som vandmærke.
Avatar billede mclemens Nybegynder
27. august 2006 - 17:43 #25
Duer det her så eller må den anden baggrund ikke være fixed?


<!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{margin:0px;padding:0px;width:100%;height:100%;}
html{background:url('http://www.eksperten.dk/img/flag_yellow.gif');overflow:hidden;}
body{background:url('http://www.eksperten.dk/img/elogo.png') no-repeat fixed;position:absolute;overflow:auto;}
</style>

</head><body><div>
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
</body></html>
Avatar billede franklinpaper Nybegynder
27. august 2006 - 17:50 #26
Mange tak!
Dette fungerer næsten til fulde, bortset fra at teksten naturligvis skal gå "under" logoet, ellers vil den glidende overgang jo ikke fungere.
Avatar billede thesurfer Nybegynder
27. august 2006 - 17:52 #27
Hvis teksten skal gå under logoet, skal logoet vel ikke være en baggrund, da baggrunden vel er det første lag..?
Avatar billede franklinpaper Nybegynder
27. august 2006 - 17:54 #28
Korrekt!
Hvad er alternativet?
Avatar billede thesurfer Nybegynder
27. august 2006 - 17:58 #29
Hvis IE ikke kan finde ud af "fixed" (som mclemens nævner), skulle man måske prøve mclemens' forslag: 27/08-2006 17:29:57
Avatar billede franklinpaper Nybegynder
27. august 2006 - 18:49 #30
Lyder godt, hvorledes udformes den kode?
Avatar billede mclemens Nybegynder
27. august 2006 - 19:04 #31
Noget i denne stil - men firefox skal lige have et slag for at scrollbaren virker og IE skal have et slag så overflow-hidden; ikke er nødvendig (synes at jeg har lavet noget i den stil før - kigger lidt mere efter det iaften)

... her er lige et "halvt" eksempel:






<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<style type='text/css'>
html,body{
padding:0px;
margin:0px;
height:100%;
overflow:hidden;
background:#ff0;
}

#bodyen{
position:relative;
width:100%;
height:100%;
overflow:auto;
background:url('http://www.eksperten.dk/img/flag_yellow.gif');
overflow-x:hidden;
}

#followit{
position:absolute;
top:0px;
left:0px;
z-index:99;
height:100px;
width:100%;
}
#followit2{
background:url('http://www.eksperten.dk/img/elogo.png') repeat;
z-index:99;
height:100px;
margin-right:17px;
}
</style>

</head>
<body><div id='bodyen'><div style="margin-right:17px;"><table border=0 cellpadding=0 cellspacing=0 style="width:100%;margin-top:100px;"><tr><td>starta<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>va<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>slut</td></tr></table>
</div></div>

<div id="followit"><div id="followit2">Test</div></div></body>
</html>
Avatar billede franklinpaper Nybegynder
27. august 2006 - 19:09 #32
Mange tak!
Jeg sætter stor pris på dette.

Jeg venter med afprøvning til den præcise kode angives.
Avatar billede mclemens Nybegynder
27. august 2006 - 19:52 #33
Måske noget i denne stil:
http://www.eksperten.dk/spm/726088#rid6383422


<!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{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
  position:absolute;
  height:100%;
  width:100%;
  overflow:auto;
  background:#666;
}


#header{
  height: 15%;
  background:#888;
}

#sidebar{
  float:left;
  width:18%;
  background:#666;
}

#main{
  width:80%;
  float:right;
  background:#ccc;
}

#spc{
  clear:both;
  height:15%;
}

#footer {
  position:absolute;top:0px;left:0px;
  width:100%;
  height: 15%;
}
#footer2{
  margin-right:17px;
  height:100%;
  position:relative;
}
#footer3{
  background:#ddd;
  position:absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#footer{z-index:2;}</style><![endif]-->
</head><body>

<div id="footer"><div id="footer2"><div id="footer3"> .footer..  </div></div></div>

<div id="bodyen">

<div id="spc"></div>


<div id="header">header ...  </div>

<div id="sidebar"> sidebar...  </div>

<div id="main">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>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...slut</div>

</div>

</body></html>
Avatar billede mclemens Nybegynder
27. august 2006 - 20:04 #34
eksempel 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{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
  position:absolute;
  height:100%;
  width:100%;
  overflow:auto;
}

#main{

  background:url('http://www.eksperten.dk/img/flag_yellow.gif');
}

#spc{
  clear:both;
  height:100px;
}

#wm {
  position:absolute;top:0px;left:0px;
  width:100%;
  height: 100px;
}
#wm2{
  margin-right:17px;
  height:100%;
  position:relative;
}
#wm3{
  background:url('http://www.eksperten.dk/img/elogo.png') repeat;
  position:absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#wm{z-index:2;}</style><![endif]-->
</head><body>

<div id="wm"><div id="wm2"><div id="wm3">aaaaa</div></div></div>

<div id="bodyen">

<div id="spc"></div>


<div id="main">main...start<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>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...slut</div>

</div>

</body></html>
Avatar billede mclemens Nybegynder
27. august 2006 - 20:06 #35
måske lidt pænere eksempel 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{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
  position:absolute;
  height:100%;
  width:100%;
  overflow-y:scroll;
  background:url('http://www.eksperten.dk/img/flag_yellow.gif');
}

#main{

  background:url('http://www.eksperten.dk/img/flag_yellow.gif');
}

#spc{
  clear:both;
  height:100px;
}

#wm {
  position:absolute;top:0px;left:0px;
  width:100%;
  height: 100px;
}
#wm2{
  margin-right:17px;
  height:100%;
  position:relative;
}
#wm3{
  background:url('http://www.eksperten.dk/img/elogo.png') repeat;
  position:absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#wm{z-index:2;}</style><![endif]-->
</head><body>

<div id="wm"><div id="wm2"><div id="wm3">aaaaa</div></div></div>

<div id="bodyen">

<div id="spc"></div>


<div id="main">main...start<br>maiain...<br>main...<br>main...<br>main...<br>main...<br>main...slut</div>

</div>

</body></html>
Avatar billede mclemens Nybegynder
27. august 2006 - 20:39 #36
Hvis dobbelt baggrundsdefinering ikke ønskes skal der et css hack
til da IE ikke understøtter min-height her er et eksempel på det:







<!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{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
  position:absolute;
  height:100%;
  width:100%;
  overflow-y:scroll;
}

#main{
  height:100%;
  background:url('http://www.eksperten.dk/img/flag_yellow.gif');
}

#bodyen>#main{
  height:auto;
  min-height:100%;
}

#spc{
  clear:both;
  height:100px;
}

#wm {
  position:absolute;top:0px;left:0px;
  width:100%;
  height: 100px;
}
#wm2{
  margin-right:17px;
  height:100%;
  position:relative;
}
#wm3{
  background:url('http://www.eksperten.dk/img/elogo.png') repeat;
  position:absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#wm{z-index:2;}</style><![endif]-->
</head><body>

<div id="wm"><div id="wm2"><div id="wm3">aaaaa</div></div></div>

<div id="bodyen">

<div id="main"><div id="spc"></div>main...start<br>maiain...<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>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>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>main...<br>main..<br>main...<br>main..<br>main...<br>main..<br>main...<br>main..vv.<br>main...<br>main...slut</div>

</div>

</body></html>
Avatar billede mclemens Nybegynder
27. august 2006 - 20:58 #37
Hjalp det ? :o)
27/08-2006 19:52:12 og fremogefter burde alle virke ...
...

... Med hensyn til et behov for width:100%; så virker det ikke
hvis et element har den samlede width, det skal enten fordeles på
width: 2%; og width:98%; eller evt. mere width i den med 2% og mindre
i den anden (se evt. eksempel 27/08-2006 19:52:12 ) ... alternativet
er width:98%; og centrering med margin:0px auto;

... men prøv eksemplerne - der burde være rigelig med guf der
kan bruges afhængig af hvordan du foretrækker fremvisningen :o)


<!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{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
  position:absolute;
  height:100%;
  width:100%;
  overflow-y:scroll;
}

#main{
  width:98%;margin:0px auto;
  height:100%;
  background:url('http://www.eksperten.dk/img/flag_yellow.gif');
}

#bodyen>#main{
  height:auto;
  min-height:100%;
}

#spc{
  clear:both;
  height:100px;
}

#wm {
  position:absolute;top:0px;left:0px;
  width:100%;
  height: 100px;
}
#wm2{
  margin-right:17px;
  height:100%;
  position:relative;
}
#wm3{
  background:url('http://www.eksperten.dk/img/elogo.png') repeat;
  position:absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#wm{z-index:2;}</style><![endif]-->
</head><body>

<div id="wm"><div id="wm2"><div id="wm3">aaaaa</div></div></div>

<div id="bodyen">

<div id="main"><div id="spc"></div>main...start<br>maiain...<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>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>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>main...<br>main..<br>main...<br>main..<br>main...<br>main..<br>main...<br>main..vv.<br>main...<br>main...slut</div>

</div>

</body></html>
Avatar billede mclemens Nybegynder
27. august 2006 - 21:00 #38
[ Med hensyn til et behov for width:100%; så virker det ikke
hvis et element ] (main har dog width:auto; hvis width ikke defineres og det svarer til så til width 100% ... men lidt hensyn til at den ikke skal komme udentil scrollbaren)

... Hver browser, hver sine bugs ...
Avatar billede mclemens Nybegynder
27. august 2006 - 23:34 #39
Kaster lige et svar, hvis det var noget ...
Avatar billede mclemens Nybegynder
28. august 2006 - 09:34 #40
Kaster også lige en rettet udgave af den width:100% vist i 27/08-2006 20:58:23





<!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{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
  position:absolute;
  height:100%;
  width:100%;
  overflow-y:scroll;
}

#main{
  height:100%;
  background:url('http://www.eksperten.dk/img/flag_yellow.gif');
}

#main2{width:100%;position:relative;}

#bodyen>#main{
  height:auto;
  min-height:100%;
}

#spc{
  clear:both;
  height:100px;
}

#wm {
  position:absolute;top:0px;left:0px;
  width:100%;
  height: 100px;
}
#wm2{
  margin-right:17px;
  height:100%;
  position:relative;
}
#wm3{
  background:url('http://www.eksperten.dk/img/elogo.png') repeat;
  position:absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#wm{z-index:2;}</style><![endif]-->
</head><body>

<div id="wm"><div id="wm2"><div id="wm3">aaaaa</div></div></div>

<div id="bodyen">

<div id="main"><div id="main2"><div id="spc"></div>main...start<br>maiain...<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>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>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>main...<br>main..<br>main...<br>main..<br>main...<br>main..<br>main...<br>main..vv.<br>main...<br>main...slut</div></div>

</div>

</body></html>
Avatar billede franklinpaper Nybegynder
01. september 2006 - 21:02 #41
Undskyld ventetiden, du er genial!

Tak for alle tilføjelser til løsningen af dette problem.
Avatar billede mclemens Nybegynder
01. september 2006 - 21:11 #42
Hehe, takker - det var jo også en god
mundfuld gode at gnave igennem ...

Velbekom, og tak for point :o)
Avatar billede mclemens Nybegynder
01. september 2006 - 21:28 #43
edit: gode -> kode :P
Avatar billede franklinpaper Nybegynder
02. september 2006 - 15:35 #44
Koden fungerer ikke i firefox, og min .png fil er ikke transperant i browseren.
Avatar billede mclemens Nybegynder
02. september 2006 - 16:33 #45
[ Koden fungerer ikke i firefox ]
28/08-2006 09:34:32 virker fint hos mig ? (firefox 1.5.0.4)
... Beskriv evt. hvorfor den ikke fungerer ...

[ og min .png fil er ikke transperant i browseren. ]
Hvis vi snakker IE så kig evt. på 27/08-2006 17:27:52 og
http://support.microsoft.com/default.aspx?scid=kb;en-us;294714
... png virker i IE, men ikke kønt og slet ikke optimalt, hvis det
er en baggrund der skal repeates ... evt. kan man måske have et billede
der slet ikke er transparent istedet, og så kaste noget opacity på det - så det passer ...?
Avatar billede mclemens Nybegynder
02. september 2006 - 16:39 #46
... Dertil kommer problemet med at IE kan finde på at loade et filter
billedet op over andre lag, så png kan til tider være noget rod ...
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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 23:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
I går 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
13/0520:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
13/0518:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
White papers
Flere white papers »