Div fisso

**futuron** · 30-05-2006, 17:41

Ciao a tutti. Qualcuno mi sa suggerire come posizionare tramite css un div fisso (tipo i-frame) mentre il resto della pagina scorre?

**pierofix** · 30-05-2006, 17:42

Hai provato a fare una ricerca tra le vecchie discussioni e i link utili? Immagino che una soluzione al tuo problema sia già stata trattata.

**futuron** · 30-05-2006, 18:17

Grazie per la risposta. Ho cercato "fixed" nel forum e ho trovato parecchie indicazioni utili ma finora niente che mi permetta di ottenere quello che si vede qui:
http://www.quirksmode.org/js/fixedmenu.html
...ma senza utilizzare js (dato che ie non supporta position:fixed).
Ad ogni modo continuo a spulciare nel forum, grazie lo stesso...

**webdemo** · 30-05-2006, 18:27

qualcosa tipo questo:

codice:

<style type="text/css">
<!--
#divfix {
	position:absolute;
	left:100px; /*posizione assoluta 100px da sinistra*/
	top:100px; /*posizione assoluta 100px da sopra*/
	width:150px; /*largo*/
	height:150px; /*alto*/
	z-index:1; /*questo è il livello del div*/
}
-->
</style>
</head>

<body>
<div id="divfix"></div>

ciaux

**futuron** · 30-05-2006, 18:44

Grazie webdemo ma non sembra funzionare (il div scrolla con il resto della pagina). A beneficio di chi ha la stessa necessità, nel frattempo ho trovato una soluzione che sembra perfetta:
http://tagsoup.com/-dev/null-/css/fixed/
nell'esempio online per ie6 sembra tutto ok:
http://tagsoup.com/-dev/null-/css/fixed/legacy/0-0-0
Purtroppo non sono ancora riuscito a implementare questa soluzione nel mio sito (funziona solo con Firefox) forse nel mio css c'è qualche regola che disturba l'agognato fixaggio...

**lauryn** · 25-06-2006, 10:08

sei poi riuscito ad implementarla? anche io sto provando ad implementarla sul mio sito ma non fa quel che deve fare....

**webdemo** · 25-06-2006, 11:30

a me funziona correttamente sia su FF che su IE:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>fix e float</title>
<style type="text/css">
<!--
#divfix {
	position:absolute;
	left:100px; /*posizione assoluta 100px da sinistra*/
	top:100px; /*posizione assoluta 100px da sopra*/
	width:150px; /*largo*/
	height:150px; /*alto*/
	z-index:1; /*questo è il livello del div*/
	background-color:#0099FF;
}
#divfloat {
	width:150px;
	height:150px;
	background-color:#FFCC00;
}
-->
</style>
</head>

<body>metto un testo per sostare gli elementi fix e float. Se provi a stringere la finestra del browser ti accorgi che si sposta solo float mentre fix rimane fermo ;)
<div id="divfix">fix</div>
<div id="divfloat">float</div>
</body>
</html>

ciaux

**lauryn** · 25-06-2006, 15:22

stasera lo provo, ti ringrazio.
se non dovessimo più risentirci vorrà dire che è perfetto

**lauryn** · 25-06-2006, 20:37

mm no, non è quello che intendeva il ragazzo che ha aperto questo post e che intendo io.
il div rimane fisso, è vero, ma scorre insieme a quello, nel mio caso, di destra, che sarà più lungo del primo e non va bene.

il tutto era per simulare un iframe, ora riprovo con i link postati da futuron, deve venire per forza.

**lauryn** · 25-06-2006, 21:32

eccola qui, questa funziona, la posto per tutti.
praticamente risolve il problema del bug di ie6 nel momento in cui si usa position:fixed;
evviva lui!
http://www.cssplay.co.uk/layouts/fixed.html

Discussione: Div fisso

Strumenti discussione

Ricerca discussione

Visualizza

Div fisso

Permessi di invio