Layout a due colonne con sfondo in alto a sn e in basso a dx

**pezzo** · 13-12-2006, 13:06

Ciao ragazzi,

Voglio realizzare un layout a due colonne fisse che abbia nell'angolo in alto a sinistra della pagina un'immagine e un'altra a chiusura nell'angolo in basso a destra...

Ho realizzato il seguente codice:

html:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/css.css">

<title></title>

</head>

<body>

  <div id="up_left">
    <div id="intestazione"></div>
    <div id="corpo">
      <div id="navigation"></div>
      <div id="content"></div>
    </div>
    <div id="pie-di-pagina"></div>
  </div>

</body>

</html>

e il css:

codice:

body {
    margin:0;
    padding:0;
    text-align:center; /* per IE5.x/Win */
    background:#fff;
    color: #555753;
    font: 9pt/17pt georgia; 
}
#up_left {
    width:960px;
    float: left;
    background: #fff url(../immagini/site-bg.jpg) no-repeat top left; 
    text-align: left; /* per IE5.x/Win */
}

#corpo {
    width:660px;
    float:left;
    margin-left:70px;
    margin-top:30px;
}

#navigation {
    float:right;
    width:130px;
    background: transparent url(../immagini/sfondo_navigation.gif) right top repeat-y;
    text-align:left;

}
#content {
    float:right;
    width:480px;
    background: transparent;
    text-align: justify;

}
#intestazione {
    background: transparent url(../immagini/h1.gif) no-repeat 16% 100%; 
    width: 100%; 
    height: 100px; 

#pie-di-pagina {
    background: transparent;
    clear: left;
}

Ora, come mi consigliate di operare per avere sempre alla fine della pagina uno sfondo in basso a destra?

Grazie

**salasir** · 13-12-2006, 13:11

:master:
http://forum.html.it/forum/showthrea...readid=1063479 ?

Discussione: Layout a due colonne con sfondo in alto a sn e in basso a dx

Strumenti discussione

Ricerca discussione

Visualizza

Layout a due colonne con sfondo in alto a sn e in basso a dx

Permessi di invio