[HTML/CSS] Problemi di visualizzazione
Ciao a tutti
stavo scrivendo un layout ma ho riscontrato alcuni problemi di visualizzazione*. Butto qui una parte del codice, sapreste dirmi dove ho sbagliato per favore? Essendo soltanto una parte, ho omesso alcuni tag sotto e sopra per risparmiare spazio:
Codice PHP:
body { width: 760px; /* Larghezza in Pixel del corpo */
height: auto; /* Altezza in pixel del corpo */
margin: auto; }
.header { background-color: transparent;
width: 760px;
height: auto;
border: 1px solid #ffcc99;
margin-top: 15px;
margin-bottom: 15px; /* Lascia uno spazio di x pixel dall'header */
text-align: center; /* Tutto viene allineato al centro: Ha priorità sul codice HTML */ }
.colonna_sx { background-image: url(bg_colonne.jpg);
width: 185px;
height: auto;
float: left; /* Sposta la tabella sulla sinistra dello schermo */ }
.colonna_sx li a { text-decoration: none; /* Decorazione link testuali nella colonna di sinistra */
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-variant:small-caps;}
.colonna_home { background-image: url(bg_home.jpg);
width: 370px; /* Larghezza della colonna centrale nella Home Page */
height: auto;
overflow-x: hidden; /* Scrollbar orizzontale (asse x) nascosta */
overflow-y: auto; /* Scrollbar verticale (asse y) visibile */
margin-left: 10px;
margin-right:10px;
float: left; }
.colonna_dx { width: 185px; /* Come da progetto, la colonna degli affiliati DOVREBBE essere mostrata soltanto nella pagina index */
background-image: url(bg_colonne.jpg);
padding: 5px 10px 5px 10px; /* Un piccolo spazio vuoto viene lasciato tra il bordo ed il contenuto, per favorire un impatto visivo più pulito */ }
.infobox { width: 760px;
background-image: url(background.jpg);
border: 1px solid #ffcc99;
margin-top: 10px;
padding: 5px 5px 5px 5px;
text-align: center;
clear: both;}
/* Inizio definizione caratteri, immagini etc (DA STABILIRE) */
</style>
</head>
<body>
<div class="header"><img src="header.jpg" alt="Peach & Strawberry by itAndy90"></div>
<!-- Codice colonna sinistra - menu -->
<div class="colonna_sx"><img src="menu_header.jpg"><br> <!-- Lasciare questa riga -->
<ul><li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
<img src="footer_colonne.jpg"></div>
<!-- Codice colonna centrale - contenuti -->
<div class="colonna_home"><img src="home.jpg"><br> <!-- Lasciare questa riga -->
<img src="footer_home.jpg"></div>
<div class="colonna_dx"><img src="affiliati_header.jpg"><br> <!-- Lasciare questa riga -->
<img src="footer_colonne.jpg"></div>
<div class="infobox">Questo Layout è stato scritto interamente da Andrea "itAndy90" del gruppo sviluppatori MkSoftware</div>
*Per problemi di visualizzazione intendo, per dirne uno, la tabella dx che non si mette a destra me in basso a sinistra... di conseguenza un po' il tutto sfuma (credo che sistemando questo il resto vada a posto da sè)
Grazie anticipatamente :crycry:
