<div> CHE SEGUONO LA PAGINA

**RAFFATO** · 16-11-2007, 18:35

Salve a tutti,

premetto che ho solo una infarinatura di base di html e pertanto avrei bisogno di uesto aiuto:

ho una pagina con dei <div> laterali ma siccome la pagina è lunga, quando si scorre la stessa i <div> ovviamente spariscono e quindi vorrei, come visto su molti siti, che seguissero la pagina sino in fondo e ritorno senza mai scomparire.

Qualcuno può aiutarmi a capire come si può fare?

Grazie in anticipo ed un saluto a tutti!!!

**Max1** · 16-11-2007, 19:08

con i css

position: fixed;

**RAFFATO** · 16-11-2007, 19:44

Ti ringrazio innanzitutto per la risposta, ma potresti essere più chiaro?
Non sono uo stinco con html figurati con i Css.....

Grazie

**Myaku** · 16-11-2007, 20:20

difficilmente si può essere più chiari

devi applicare il posizionamento agli elementi che devono seguire lo scroll di pagina
fatti una base qui, penso che poi non avrai difficoltà a comprendere il suggerimento di Max.
Un appunto: il posizionamento fixed non è supportato da IE6

**Max1** · 16-11-2007, 21:02

Esempio:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="it">
<head>
<title>Simulare frames con i CSS: testata e colonna sinistra fissi</title>
<STYLE TYPE="TEXT/CSS">
<!--
body { margin: 0; padding: 7em 0 0 13em; font-family: "trebuchet ms", trebuchet, georgia, verdana, arial, sans serif; background: #fff; font-size: 1em; }
p { margin: 0; padding: 5px; }
div#header, div#sidebar { position: absolute; left: 0; overflow: auto; }
#header { top: 0; z-index: 10; width: 100%; height: 6em; border-bottom: 1px solid #000; color: #000; background: #aaa; }
#header  h1 { margin: 0; padding: 10px 0 0 20px; font-size: 2em; color: #fff; }
#sidebar { top: 6em; bottom: 0; width: 12em; margin: 0; padding: 0; border-right: 1px solid #000; color: #000; background: #ccc; }
@media screen { body>#header, body>#sidebar { position: fixed !important; }
} h1 { margin: 0; padding: 0; color: #f60; font-size: 2em; }
-->
</STYLE>

<style type="text/css" media="screen">@import "stile.css";</style>

<!--[if IE]>
<STYLE TYPE="TEXT/CSS">
body { overflow: hidden; margin: 0; padding: 6em 0 0 0; font-size: 100%; }
#content { width: 100%; height: 100%; overflow-y: scroll; margin: 0 0 0 12em; padding: 1em; }
#sidebar { top: 0; overflow: hidden; height: 100%; margin: 0; padding: 6em 0 0 0; }
</STYLE>
<![endif]-->

</head>

<body>

<div id="content">
<h1>Div che non scorrono.</h1>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>


Testo di prova</p>
</div>

<div id="header"><h1>Titolo del sito</h1></div>


<div id="sidebar">

Menu di sinistra

</div>




</body>
</html>

Ok!

Discussione: <div> CHE SEGUONO LA PAGINA

Strumenti discussione

Ricerca discussione

Visualizza

<div> CHE SEGUONO LA PAGINA

Permessi di invio