Visualizzazione sito in locale e sul web

dead ha scritto:

:incazz: :incazz: :fuck: :incazz: :incazz: :fuck: :incazz:

Clicca per allargare...

Eh eh eh

x Cerbero: se usassi Firefox ti aiuterei volentieri!
Finchè non ricevi risposte prova a cercar un pò con google, magari digitando: firefox+css

SaLuT!

Allora, non ho letto tutto il thread perchè è lunghissimo, ma in generale chi sbaglia è sempre IE.
Per allineare un div al centro, con FF devi mettere margin:auto (giusto perchè se al browser gli dici auto="fai tu" lui mette metà del margin a DX e metà a SX)
Per allineare con IE devi mettere text-align:center (sbagliato perchè io non voglio centrare il testo ma l'intero div, tant'è che se poi vuoi il testo giustificato devi dare al p text-align:justify)

Puo darsi che non abbia capito bene il tuo problema. Se posti l'indirizzo del sito ci darò un'occhiata.

.......

Ok ho dato un occhiata al tuo codice.
il problema è che non tieni conto dei vari padding e margin e border.
se tu fai 3 div float left 16% 68% 16%, arrivi gia a 100%, se poi vuoi farci stare anche i vari padding e/o margins e border, la somma fa più di 100% e il div va a capo, perchè FF (giustamente fa esattamente quello che gli dici) e quindi la larghezza totale è superiore alla pagina.
IE invece decide lui arbitrariamente di sottrarre i padding dal totale, quindi ci sta nel 100%, però in realtà le dimensioni NON sono quelle che gli avevi detto tu!

questo funziona anche su FF, sistemalo un po' secondo le tue esigenze, stando attento a non superare il 100%.

P.S. se usi la web developer toolbar e html-kit (come ho fatto io), ci metti circa 30 secondi a individuare l'errore.

Ciao.

DIV {
border: solid 1px;
}

div.principale {
padding-left: 6px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 6px;
position: Absolute;
top: 10px;
left: 25px;
border: dotted 1px;
width: 97%;
height: 98%;
}
div.black {
padding-left: 7px;
padding-right: 7px;
width: 99%;
height: 820px;
background-color: Black;
}

div.adv1 {
width: 99%;
height: 185px;
text-align: right;
}

#header {
position: Absolute;
left: 10px;
top: 12px;
}

div.center {
float: left;
width: 68%;
height: 300px;
border: solid 1px White;
padding: 0px;
padding-top: 8px;
font: 12px, Arial; color: White;
}

div.left {
float: left;
width: 15%;
border: 0px;
padding-right: 5px;
text-align: center;
}
div.right {
float: left;
width: 15%;
border: 0px;
padding-left: 0px;
text-align: center;
}
div.menu {
padding: 0px;
width: 92%;
background-color: #778899;
border-left: solid 1px White;
border-bottom: solid 1px White;
border-right: solid 1px White;
border-top: 0px;
font: 11px, Arial Rounded MT Bold; color: White;
text-align: left;
}

div.title {
width: 96%;
background-color: #FFD700;
font: 13px, Arial Rounded MT Bold, Bolder;
border: solid 1px White;
padding-left: 0px;
text-align: left;
}

a.menu { font: 11px, Arial Rounded MT Bold; color: White; padding-left: 0px; text-decoration: none;}
a.menu:hover { text-decoration: Underline;}

cerbero ha scritto:

ah ok ti avevo mandato 1 messaggio ma mi sembra ke hai gia trovato il codice.. provero con questo...

edit:
ho messo il css ke mi hai dato te, non va mi manda a capo sempre l'ultima ;(.
ri-edit:
ce l'ho fatta, ora sembra ke funzioni O_O. xo è tutto attaccato x staccarlo 1 po come faccio?? se rimetto del margin torna come prima...

Clicca per allargare...

devi stringere un po' i div left, center e right. lo spazio% che guadagni puoi usarlo per i margin e padding.