Newsgroup: it.lavoro.professioni.webmaster
Titolo: CSS, ce ne fosse uno uguale.. uffa!!!

Ciao a Tutti
St cercando di ottenere un particolare effetto che prima ottenevo con i
Frame e ora vorrei farlo con i CSS.
In pratica mi servirebbe un menu' fisso a destra e un corpo centrale che
scorre.
Vi giuro che ne ho provate tante per questo mi rivolgo a voi
1) Ho provato a farlo con i comandi
    overflow-x: hidden
    overflow-y:auto
Una figata in IE6, uno schifo con gli altri browser che non supportano
questi comandi (Opera, Netscape, Mozilla)
2)Allora sto provando in questo modo
metto il menu' fisso (position:fixed;)
body con background fisso ( background-attachment: fixed;)
corpo della pagina con posizionamento assoluto (position:absolute;)
Una figata (o quasi ) con Netscape, Opera e Mozilla (che visualizzano bene
l'effetto)
uno schifo con IE6 che non riconosce il posizionamento assoluto del corpo
non mi mette fisso il menu' e non mi mette fisso il background
Insomma come diavolo posso replicare il comportamento dei frame. Cio' che
volgio ottenere non e' cosi' complicato:
Menu' fermo a sinistra e corpo che scorre a destra.....
Altro impiccio: Mettendo il menu' fisso quando il browser viene
ridimensionato il corpo si accavalla al menu' e cio' non e' bello :(
Vi mando in allegato il codice della pagina e del CSS. Magari qualcuno ci
capisce qualcosa.....
A me sti CSS mi stanno innervosendo.... uff
****PAGINA HTML******
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>Western Ciak Saloon</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/ciak.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="pagina">
 <div id="menu">
  <img src="img/logopiccolo.gif" alt="Ciak Western" border=0/>
        <a href="chisiamo.htm"><img src="img/chisiamo.gif" alt="chi siamo"
border="0" />
        </a><a href="dovesiamo.htm"><img src="img/dovesiamo.gif" alt="dove
siamo" border="0" />
        </a><a href="ciakmenu.htm"><img src="img/menu.gif" alt="menů"
border="0" />
        </a><a href="eventi.htm"><img src="img/eventi.gif" alt="eventi"
border="0" />
        </a><img src="img/barra.gif" alt="barra" border="0" /></td>
 </div>
  <div id="corpo">
    <div class="inner">
      <h3>Lorem ipsum dolor sit amet</h3>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy
        nibh euismod tincidunt ut lacreet dolore magna aliguam erat
volutpat.
        Ut wisis enim ad minim veniam, quis nostrud exerci tution
ullamcorper
        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te
feugifacilisi.
        Duis autem dolor in hendrerit in vulputate velit esse molestie
consequat,
        vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan
et
        iusto odio dignissim qui blandit praesent luptatum zril delenit au
gue
        duis dolore te feugat nulla facilisi. Lorem ipsum dolor sit amet,
consectetuer
        adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore
        magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
nostrud
        exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo
        consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in
vulputate
        velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis
        at vero eros et accumsan et iusto odio dignissim qui blandit
praesent
        luptatum zril delenit au gue duis dolore te feugat nulla facilisi.
Lorem
        ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy
nibh
        euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut
wisis
        enim ad minim veniam, quis nostrud exerci tution ullamcorper
suscipit
        lobortis nisl ut aliquip ex ea commodo consequat. Duis te
feugifacilisi.
        Duis autem dolor in hendrerit in vulputate velit esse molestie
consequat,
        vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan
et
        iusto odio dignissim qui blandit praesent luptatum zril delenit au
gue
        duis dolore te feugat nulla facilisi. Lorem ipsum dolor sit amet,
consectetuer
        adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore
        magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
nostrud
        exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo
        consequat. </p>
      <h3>Lorem ipsum dolor sit amet</h3>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy
        nibh euismod tincidunt ut lacreet dolore magna aliguam erat
volutpat.
        Ut wisis enim ad minim veniam, quis nostrud exerci tution
ullamcorper
        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te
feugifacilisi.
        Duis autem dolor in hendrerit in vulputate velit esse molestie
consequat,
        vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan
et
        iusto odio dignissim qui blandit praesent luptatum zril delenit au
gue
        duis dolore te feugat nulla facilisi. Lorem ipsum dolor sit amet,
consectetuer
        adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore
        magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
nostrud
        exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo
        consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in
vulputate
        velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis
        at vero eros et accumsan et iusto odio dignissim qui blandit
praesent
        luptatum zril delenit au gue duis dolore te feugat nulla facilisi.
Lorem
        ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy
nibh
        euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut
wisis
        enim ad minim veniam, quis nostrud exerci tution ullamcorper
suscipit
        lobortis nisl ut aliquip ex ea commodo consequat. Duis te
feugifacilisi.
        Duis autem dolor in hendrerit in vulputate velit esse molestie
consequat,
        vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan
et
        iusto odio dignissim qui blandit praesent luptatum zril delenit au
gue
        duis dolore te feugat nulla facilisi. Lorem ipsum dolor sit amet,
consectetuer
        adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore
        magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
nostrud
        exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo
        consequat. </p>
      <!-- Validazione W3C -->
      <p> <a href="
http://validator.w3.org/check/referer
"> <img
src="
http://www.w3.org/Icons/valid-xhtml10
"
     alt="Valid XHTML 1.0!" border="0" height="31" width="88" /></a>
      </p>
    </div>
  </div>
</div>
</body>
</html>
***** CODICE CSS******
/* CSS Document */
body{
 margin: 0px;
 padding: 0px;
 font-family: verdana, arial, helvetica, san-serif;
 font-size: 12px;
 line-height: 22px
 color: #000;
 background-image: url(../img/sfondo.jpg);
 background-attachment: fixed;
}
img{
 display:block;
}
#pagina{
 position: absolute
 top: 0px;
 left: 0px;
 width: 780px;
 margin-right: auto;
 margin-left: auto;
}
#menu{
 position: fixed;
 top: 0px;
 left: 0px;
 text-align: right;
 width: 170px;
}
#corpo{
 position: absolute;
 left: 170px;
 padding: 10px;
}
.inner{
 background-color:#FFCC66;
}

 metto il menu' fisso (position:fixed;)
????
mi sono perso qualcosa???
Claudio