immagini e div

**Jacqui** · 14-07-2003, 14:53

E' possibile ridimensionare "automaticamente" la distanza dal bordo superiore
<div id="box" style="position:absolute; left:10px; top:150px; width:170px; height:180px; z-index:1">

[img]img.gif[/img]

</div>

in modo che l'immagine sia sempre visibile pur muovendo lo scroll????

Grazie,
Giacomo

**antos** · 16-07-2003, 12:03

penso puoi farlo con javascript, man mano che scrolli modifichi il marginTop

**Jacqui** · 17-07-2003, 15:46

e cosi fa?

grazie,
giacomo

**antos** · 17-07-2003, 16:11

devi cercare un pò in giro xkè non l'ho mai fatto, posta su scripting

**pacovox** · 17-07-2003, 23:06

Potresti mettere l'immagine come sfondo, e "bloccarla" con i css.
body {
background-image: url(img.gif);
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
}

Ciao

**Jacqui** · 18-07-2003, 10:07

come sfondo, pero', se ho il video piu' piccolo di 1024 passa sotto il sito... vorrei che stesse always on top!

ciao,
Giacomo

P.S. forse ho trovato un JS che fa per me! sempre su html.it/dhtml

ciao

**Mutato** · 19-07-2003, 02:47

Questo forse ti piacera'... sfortunatamente (manco a dirlo) IE non supporta la proprieta', ma i browser seri si'!!

codice:

<html>
<head>
<title>Mutato potrebbe impazzire</title>
<style type="text/css">
div.menu {
  padding:1em;
  font-weight:bold;
  font-size:12pt;
  top:4em;
  left:auto;
  width:10em;
  right:4em;
  background:violet;
  position:fixed; /* alternativamente usare absolute */
  float:right; /* teoricamente non e' necessario */
  }
</style>
</head>
<body>
<div class="menu">
Questo div non e' supportato da IE?
</div>

</body>
</html>

xnet · 19-07-2003, 10:16

codice:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{margin:0px;padding:0px;overflow:hidden;}
#image{position:absolute;top:0px;left:0px;}
#contenuto{height:100%;width:100%;overflow-y:scroll;overflow-x:hidden;}
.lungo{height:2000px;}
</style>
</head>

<body>
<div id="contenuto"><span class="lungo">d</span></div>
<div id="image">[img]cubi.gif[/img]</div>
</body>
</html>

questo invece non funziona con mozilla.. con ie invece va bene

Discussione: immagini e div

Strumenti discussione

Ricerca discussione

Visualizza

immagini e div

umpf...

Permessi di invio