Problema margini

[leon-kennedy]

Ciao a tutti

body {
background: url('immagini/body.jpg') top left; 
font-size: 15px;
font-family: "Comic Sans", cursive;
color:#FFFFFF;
padding: 0px;
margin: 0px;}
ul{list-style-type:none}
a {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color:  #c43300;}
a:active { color: #c43300;}

/* banner pubblicità */

#banner_pub {
display: block;
position: fixed;
top: 10%;
left: 40%;
margin: -50px 0 50px -200px;}

/* box centrale */

#container {

background: #228B22 url('immagini/bodycontent.JPG') top left;
border:1px solid #000000;
position: absolute;
width:910px;
left: 50%;
margin: 50px 0 0 -450px;}


/* regolamento */

#regolamento {

background: #228B22 url('immagini/bodycontent.JPG') top left;
border:1px solid #000000;
display:block;
position: fixed;
width:910px;
top: 50%;
left: 50%;
margin: -200px 0 50px -450px;}



/* content 1 */

#content_1 {

float: left;
line-height:1.4;
width: 50%;
background: url('immagini/bodycontent.JPG') top left;
margin-left: 5px;}


/* content 2 */

#content_2 {

float: right;
line-height:1.4;
width: 45%;
background: url('immagini/bodycontent.JPG') top left;}


/* content 3 */

#content_3 {

float: left;
line-height:1.4;
width: 35%;
background: url('immagini/bodycontent.JPG') top left;
margin-left: 5px;}


/* content 4 */

#content_4 {

float: right;
line-height:1.4;
width: 60%;
background: url('immagini/bodycontent.JPG') top left;
margin-right: 5px;}


/* content 5 */

#content_5 {

width: 80%;
background: url('immagini/bodycontent.JPG') top left;
display: block;
top: 50%;
left: 50%;
padding: 20px 0 10px 100px;}



/* menu */

#menu {
width: 910px;
min-height: 20px;
background: #000000;}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;}

#menu li {
display: inline;}

#menu a {
display: inline;
height: 32px;
padding: 9px 20px 0 20px;
text-decoration: none;} 

Vorrei che contaneir abbia distanza di 50 px da banner_pub,ma questo non succede.Perchè?

http://beamanager.altervista.org/index.php

[ResianTaxidrive]

perchè entrambi hanno posizionamenti assoluti; non potresti togliere quei posizionamenti? non ti servono e anzi ti impediscono di fare quello che desideri. Togli entrambi i posizionamenti e centrali rispetto alla pagina con margin:0 auto;

[leon-kennedy]

Ciao grazie per la spiegazione,ma siccome sono ancora un pò agli inizi,puoi corregermi gli errori qui:

#banner_pub {
display: block;
margin-top: 50px;
margin-left: 0 auto; 
margin-bottom: 50px;
margin-right: 0 auto;} 

/* box centrale */

#container {

background: #228B22 url('immagini/bodycontent.JPG') top left;
border:1px solid #000000;
width:910px;
margin-top: 50px;
margin-left: 0 auto; 
margin-bottom: 50px;
margin-right: 0 auto 

Non mi da la distanza auto da left

[ResianTaxidrive]

allora, aggiungi nello stile del body un
text-align:center;


poi in banner_pub, cancella tutti i margini che hai messo e scrivi solo:
margin:50px auto 50px auto;

mentre il #container avrà (cancella tutti i margin che hai ora):
margin:0 auto 50px auto;


(in pratica facendo così, fai una dichiarazione sintetica dei margini: il primo valore è quello in alto e poi gli altri in senso orario.)

[leon-kennedy]

Grazie mille sei stato chiarissimo!

[Ticio94]

Ho controllato il tuo sito con diversi browser. Con Firefox, Opera, Safari e Google Chrome tutto a posto. Con Internet Explorer le lettere del testo risultano molto attaccate diventando quasi illeggibili. Il problema è qui:

body {
...
font-family: "Comic Sans", cursive;
...
}

Infatti non hai messo il nome esatto del carattere che è "Comic Sans MS". IE quindi non riuscendo a capire di che carattere si tratta passa al carattere predefinito della famiglia "cursive".

Ti consiglio di cambiare il font-family con questo:

font-family: "Comic Sans MS", Arial, "Times New Roman", cursive;

O comunque inserisci dopo il "Comic Sans MS" ma prima di "cursive" dei font sicuri (per es. Times New Roman, Arial, Courier, Georgia, Verdana, etc.) sempre scrivendo il nome esatto (maiuscole comprese). E ricordati le virgolette ("") per i nomi composti.

[leon-kennedy]

Grazie mille ticio per l'accorgimento!
Ho modificato!

[Ticio94]

Di nulla! Adesso è perfetto