Ciao a tutti, prima di aprire questo 3d ho cercato nei link utili ma mi sembra che l' argomento non sia trattato, quindi mi rivolgo a voi.
Su una pagina voglio inserire un box con testo e vorrei che rimanesse fisso.
Ho provato con position: absolute e funziona però scrolla con la pagina, allora ho provato con position:fixed e rimane bloccato con FF come volevo io, ma con IE6 succede che il resto della pagina mi si posiziona tutto sotto il suddetto box.
Premetto che so esattamente che la proprietà fixed non è supportata da IE6, però anche se a differenza di FF scrolla non sarebbe un peccato gravissimo, ma almeno riuscissi a rispettare il layout come con FF.
C' è una possibilità?
codice html:
codice css: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" xml:lang="it" lang="it" dir="ltr"> <head> <title>:: Paologaz - il sito ::</title> <meta name="generator" content="Namo WebEditor v5.0"> <link rel="stylesheet" type="text/css" href="stili.css" /> </head> <body> <div id="fisso"> Sito personale</p> di G. Biasioli</p> (Paologaz)</p> --------------</p> Visita anche</p> il mio Blog</p> dedicato ad Adria</p> </div> <div id="header"> [img]titolo.jpg[/img] </div> <hr /> <ul class="menu"> <li class="primaVoce voceCorrente">Home [*]Curriculum[*]Web[*]Passioni[*]Link[*]Contatti[/list] <hr /> <div id="corpo"> <h3>Benvenuti nel mio sito</h3> Mi chiamo Gerardo (in arte Paologaz), ho 47 anni al momento in cui scrivo, sono sposato ed ho un figlio.</p> Abito ad Adria in provincia di Rovigo e la mia principale professione e' quella di agente di commercio che svolgo ormai da moltissimi anni. Potete vedere ed eventualmente stampare il mio curriculum cliccando qui' oppure sull' apposito tasto nel menu' principale.</p> Ho deciso di farmi il sito perche' per passione mi piace creare pagine web amatoriali e sopratutto per essere presente da protagonista in un mondo che visito quotidianamente dal mio pc.</p> Per la cronaca questo sito, creato interamente da me con largo uso dei <acronym title="Cascading style sheet">CSS</acronym>, rispetta gli standard dettati dal <acronym title="World Wide Web Consortium">W3C</acronym> sull' accessibilita'.</p> </div> </body> </html>
La pagina in questo momento è in costruzione quindi non è online, vi ringrazio in anticipo per l' aiuto.codice:body{ margin:10px; padding:0; background: #990100 url(logo.jpg) 550px 0px repeat-y; } hr{ position:absolute; top:-1000em; width:1px; height:1px; overflow:hidden; } div p { margin: 0; padding: 0.5em 1em; } h3{ padding:0; text-align:center; color:#900100; } acronym{ padding-right:14px; background: url(info.gif) 100% 50% no-repeat; } /* impostazione layout */ #titolo{ width: 530px; background:transparent; color:#000; text-align:center; } #corpo{ width: 530px; margin:10px 0; padding:0.5em 0; background: #FAE2E0; color:#900100; } #fisso{ position:fixed; background: #F6BE85; color: #990100; width: 150px; margin-left: 540px; margin-top: 50px; text-align: center; } /* menu */ .menu{ width:530px; background:#f6be85; color:#900100; margin:5px 0; padding: 0; text-align:center; } .menu li{ display:inline; } .menu a{ height:0; padding:0 15px; text-decoration:none; } .menu .primaVoce a{ margin:0; } .menu a:link, .menu a:visited{ background:#f6be85; color:#900100; } .menu a:hover, .menu a:focus, .menu a:active{ background: #fff; color: #900100; } .menu .voceCorrente a:link, .menu .voceCorrente a:visited, .menu .voceCorrente a:hover, .menu .voceCorrente a:focus, .menu .voceCorrente a:active{ background: #fff; color: #900100; }
Rispondi quotando
