Stesso layout risultato diverso.

**kaze** · 21-04-2004, 13:05

Sicuramente, come al solito, non vedo qualcosa che è 1 ca##ta...

Cmq ho qst css

codice:

/*Corpo*/
body,html {
height:100%;
padding:5px;
margin:0px;
color:#333;
background-color:#808080;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
A{
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
}
IMG{
border-style:none;
}
/*Fine Corpo*/

/*Layout di pagina*/
#container {
width:80%;
height:100%;
border: 2px dashed #c0c0c0; 
margin:auto;
padding:5px;
}
#testa{
height:10%;
padding:5px;
background-color:#FFFFFF;
margin:auto;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#spalla_sx{
float:left;
width:15%;
height:100%;
background-color:#000000;
padding:0px;
margin:0px;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#spalla_dx{
float:right;
width:15%;
height:100%;
background-color:#000000;
padding:0px;
margin:0px;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#corpo{
height:100%;
padding:0;
background-color:#FF9900;
margin:auto;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#footer{
height:2%;
padding:5px;
background-color:#FFFFFF;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}

Che vorrei applicare a qst codice:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel=stylesheet href="css/layout.css" type="text/css">
</head>
<body>
<div id="container">
  <div id="testa">TESTATA</div>
  <div id="spalla_sx">SPALLA SX</div>
  <div id="spalla_dx">SPALLA DX</div>
  <div id="corpo">CORPO</div>
  <div id="footer">FOOTER</div>
</div>
</body>
</html>

Con IE tutto OK !!!
Con gli altri (mozzilla, firefox, ecc..) non capisco xkè il contenuto esce fuori da "container"

Se c'è un oculista potreebbe curarmi la miopia ???
:bubu:

**flanza** · 21-04-2004, 13:44

forse non ho capito: a me con firefox funziona come con ie....oppure ho bisogno anche io di un oculista e quindi mi associo!

**kaze** · 21-04-2004, 13:47

Originariamente inviato da flanza
forse non ho capito: a me con firefox funziona come con ie....oppure ho bisogno anche io di un oculista e quindi mi associo!

Con firefox il contenuto (testata, spalle, corpo, footer) esce fuori (sotto) dal container (la box tratteggiata) e non capisco xkè

Ho provato a cambiare tutti i valori in % ma NISBA

o esce o è più corto.

**flanza** · 21-04-2004, 14:04

ciao adesso ho capito: si tratta di diversa interpretazione tra ie e lo standard di come calcolare le prercentuali e le dimensioni se rispetto al tutto oppure rispetto ad un contenitore...
io uso un mio piccolo hack che ti ho applicato allo stile: vedi se ti va bene!

Il css lo ho modificato così:

body,html {
height:100%;
padding:5px;
margin:0px;
color:#333;
background-color:#808080;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
A{
text-decoration:none;
color:#FFFFFF;
cursorointer;
}
IMG{
border-style:none;
}
/*Fine Corpo*/

/*Layout di pagina*/
#container {
width:80%;
height:100%;
border: 2px dashed #c0c0c0;
margin:auto;
padding:5px;
}
#testa{
height:10%;
padding:5px;
background-color:#FFFFFF;
margin:auto;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#spalla_sx{
float:left;
width:15%;
height:85%;
height=100%;
background-color:#000000;
padding:0px;
margin:0px;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#spalla_dx{
float:right;
width:15%;
height:85%;
height=100%;
background-color:#000000;
padding:0px;
margin:0px;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#corpo{
height:85%;
height=100%;
padding:0;
background-color:#FF9900;
margin:auto;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}
#footer{
height:2%;
padding:5px;
background-color:#FFFFFF;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11;
font-weight:bold;
}

**kaze** · 21-04-2004, 14:10

Si adesso rimane dentro al contenitore (anche se risulta più corta).

Cmq mi chiedo:

1- Xkè i geko-family fanno qst strano gioco ??
2- Dove hai trovato le informazioni su qst hack, o come ti è venuto in mente ??

**flanza** · 21-04-2004, 14:19

beh i geko rispettano lo standard ed ie no (cosi ho letto)
Come mi è venuto in mente? per disperazione e sonno avevo un layer a tre colonne progettato su mozilla che quindi su ie non andava bene e mi sono messo a tentare le cose più assurde, poi per il sonno ho scritto invece dei : l'= e siccome andavo tra mozilla e ie ho visto che ie lo leggeva e mozilla lo ignorava e quindi il lampo: prima per mozilla coi : e poi per ie con = ed ha funzionato tutto.
Da allora lo uso spesso anche per dare messaggi diversi ai browser (esempio: display:block;display=none; e quindi lo vede solo mozilla ecc.)

ciao!

**kaze** · 21-04-2004, 14:26

GRANDE...qst non la sapevo

Cmq mi sembra strano che i geko prendano come limiti non il contenitore ma qualcosaltro.

Infatti continuo a non capire xkè sui lati alto-sx-dx risulta tutto corretto mentro bottom NO

:di56:

Ciao e grazie .....

Discussione: Stesso layout risultato diverso.

Strumenti discussione

Ricerca discussione

Visualizza

Stesso layout risultato diverso.

Permessi di invio