• S
    User •

    Centrare contenuto

    Scusate se vi disturbo ancora con cose banali, stavo risistemando il CSS del mio file quando per sbaglio ho cancellato un pezzo e... Non riesco più a ricentrare il contenuto! E' sotto i menù a sinistra 😞 per come cerco di farlo andare da altre parti, non si muove.
    Codice pagina:

    <!DOCTYPE 99/xhtml">
<head>
<title>Linguaggio Editoriale</title>
<lik hr="style.css" rel="stylesheet" type="text/css" />
<lik re="stylesheet" type="text/css" media="print" href=
"style_stampa.css" />
<meta http-equiv="Content-Type" content=
"text/html; charset=us-ascii" />
<script type="text/javascript" src="script/cercaPagina.js">
</script>
<script type="text/javascript" src="script/stampa.js"></script>
<script type="text/javascript" src="script/galleria.js"></script>
  <script type="text/javascript">
    <!--
      function in_giorni (s) {
        return Math.floor(s/(1000 * 60 * 60 * 24))
      }
    //-->
  </script>
</head>
<body>
<div>
<div id="logo">
<i src="" width="727" height="240" alt=""/>
</div>
<div id="navbg">
<div id="nav">
<p>menu<p><a h="javascript:stampa()">Stampa la pagina</a></p>
</div>
<div id="contentbg">

<div id="content">
...contenuti

</div>
</div>
</div>
<div id="spacer">
<script type="text/javascript" id="data">
  <!--
   var adesso = new Date( );
   document.write("oggi è il " + adesso + "<br/>");
   //-->
</script>
</div>
<div id="spacer2"></div>
</div>
</body>
</html>

    codice css:

    body {
background-image: url();
background-repeat: repeat-x; 
background-color: #808080;
font-family: verdana;
font-size: 10px;
}

#logo {
position: relative;

top: 0px; left: 300px;
}

.contentbg {
width: 471px;
height: 274px;
background-image: url();
background-repeat: repeat-x;
float: left;
position: left;
}

#navbg {
width: 155px;
height: 274px;
background-image: url();
background-repeat: repeat-x; 
position: absolute;

top: 248px; left: 308px;
}

#spacer {
width: 101px;
height: 277px;
background-repeat: no-repeat; 
background-color:;
color: #C0C0C0;
text-align: center;
background-repeat: repeat-x; 
position: absolute;
top: 300px; left: 26px;
}

#nav {
text-align: center;
padding-left: 15px;
padding-right: 15px;
}

.h2 {
text-align: right;
font-family: georgia;
font-size: 12px;
color: #FFFFFF;
width: 98.5%;
border-bottom: solid 1px #808000;
border-right: solid 1px;
border-left: solid 1px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
background-image: url();
display: block;
}

.navsubtitle {
border-bottom: solid 1px #4B4B4B;
border-right: solid 1px;
border-left: solid 1px;
width: 98.5%;
display: block;
}
 a {
text-decoration: none;
display: block;
color:;
border-bottom: solid 1px;
border-right: solid 1px;
border-left: solid 1px;
width: 98.5%;
}
 a:hover {
text-decoration: none;
background-color:;
color: #6699FF;
border-right: solid 1px;
border-left: solid 1px;
width: 98.5%;
}

#content {
padding-left: 18px;
padding-right: 10px;
text-align: justify;
}

h1 {
text-align: center;
font-size: 18px;
color:;
background-image: url();
}

a {
text-decoration: none;
color:;
}

a:hover {
text-decoration: underline;
color:;
}

table#simboli {
border: 1px;
border-collapse: collapse;
}

hr {
color:;
background:;
border: 0;
height: 1px;
}

strong {
color:;
text-decoration: underline;
}

em {
color:;
}

tr {
background-color:;
}


td {
background-color:;
}

    Grazie in anticipo! :sun:

    0
  • A
    User Attivo •

    I tag del center sono:

    <center> Il tutto </center>

    Se devi centrare solo un pezzo mettici in mezzo hai tag center il pezzo, se devi centrare tutto metti <center> al inizio della pagina e </center> alla fine.

    0
  • patrizia.lorenzini
    User Attivo •

    Intanto ho notato che manca il tag di apertura <html> poi volevo farti una domanda, il contenuto che intendi è quello presente nel div "content"?

    Hai un file che mostra come dovrebbe venire la pagina?

    0
Effettua l'accesso per rispondere