Newsgroup: it.comp.www.html
Titolo: Il mio primo CSS scritto interamente da me :-P

Ciao Ragazzi,
Questo post avrebbe dovuto essere una richiesta di "aiuto" per un
layout realizzato interamente da me( niente di complicato ) ma non
riuscivo a fare una cosina che ora invece e' a posto.
Provando con Mozilla però non e' completamente a posto,
desumo a causa del box model di IE.
Ecco la pagina intera:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
  .FRAME{
 width : 100%;
 height:100%;
}
.HEADER{
    background-color: Orange;width:100%;height:10%;
 }
.LEFTCOL{
    float:left;width:15%;border:thin solid;
}
.CENTER{
   float:left;width:70%; border: thin dashed
}
.RIGHTCOL{
   float:right;width: 15%; border:thin solid
}
-->
</style>
</head>
<body>
  <div class='FRAME'>
    <div class='HEADER'>
     <h1> HEADER </h1>
   </div>
   <div class='LEFTCOL'>
    Left column
   </div>
   <div class='CENTER'>
     Center
   </div>
   <div class='RIGHTCOL'>
     Right
   </div>
  <div class='leftcol'>
    Left col 2
  </div>
 </div>
</body>
</html>
La versione di Mozilla usata e' la 1.5 ed il box destro non viene come
dovrebbe.
Come devo modificarlo( senza stravolgerlo, se possibile ) per renderlo
compatibile su
entrambi i browser?
Grazie in anticipo,
Andrea

Dopo che č stato detto circa 7 milioni di volte di NON usare nomi per le
classi uguali a nomi di TAG, non c'č male......

...a parte che č meglio non usare nomi di tag come valori per gli attributi
'id' e 'class'...
 il problema credo che risieda proprio nell'interpretazione del width dei
box-model...
lasciando il tuo codice cosi com'č ho apportato la modifica necessaria...
ho diminuito di una percentuale il box centrale, mettendo un po di margine a
sinistra per cercare
di centrarlo...
il centramento non č perfetto su IE...perň puoi farlo sembrare tale se
elimini il bordo
del box!
Non č una soluzione pulita pulita ma al momento non me ne viene in mente
nessun'altra...
bisognerebbe studiare un metodo per evitare che sia di fondamentale
importanza il width dei box...
[ grazie IE :-(    ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
  .FRAME{
 width : 100%;
 height:100%;
}
.HEADER{
    background-color: Orange;width:100%;height:10%;
 }
.LEFTCOL{
    float:left;width:15%;border:thin solid;
}
.CENTER{
   float:left;width:69%; border: thin dashed;
   margin-left:0.2%;


 
io per esempio non l'avevo mai letto e frequento il ng da giugno

Simone wrote:
[CUT]
Guarda che la soluzione è molto più semplice di quello che pensi, se la 
somma in percentuale è 100% tutto funziona, a condizione che non ci 
siano border, altrimenti (come nel caso specifico) avanzano 6px, e 
allora  la colonna di dx, va "a capo".
Inoltre se parliamo di problemi con moz il box model non c'entra nulla, 
perchè è un baco presente solo in ie5 e ie5.5
avevo già postato alle 16.52 nel 3d sopra (o sotto a seconda dell'ordine)
-- 
Alessandro Ferri
www.alessandroferri.it
ICQ# 131239898 | Mobile: 
+39 335 6927893
email: af (at) 
alessandroferri.it

 perchè è un baco presente solo in ie5 e ie5.5
forse mi sono espresso male....
ma intendevo dire che il problema della cattiva interpretazione risiede in
IE,
non di certo in Mozilla che ritengo il miglior browser in circolazione!
( il [ grazie IE :-(    ] - mi sembrava chiaro!  )
Simone