Newsgroup: it.comp.www.html
Titolo: problema con div allineati a sinistra

ciao, il seguente codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Prova</title>
<style type="text/css">
guscio
{
	clear: left;
	width: 768px;
	background-color: #747474;
	border: 1px solid #00209F;
	text-align: center;
	overflow: auto;
}
left
{
	width: 200px;
	float: left;
}
right
{
	background-color: #FFFFFF;
	text-align: justify;
	float: left;
	width: 568px;
}
</style>
</head>
<body>
<div class="guscio">
<div class="left">
prova
ok
<br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br>
ccc<br>&nbsp;<br><br>&nbsp;<br>
</div>
<div class="right">
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
<br> 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
<br> 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
<br> 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
<br> 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
<br> 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
<br> 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
testo di prova testo di prova testo di prova testo di prova testo di
 prova testo di prova testo di prova 
<br> 
</div>
</div>
</body>
</html>
ha il problema che non riesco ad avere il posizionamento preciso dei
 div, che differiscono con ie e firefox
potrei risolvere usando le dimensioni in percentuale dellarghezza dei
 left e right e magari mettendo un'immagine trasparente larga quanto
 voglio avere la larghezza del left
ma mi chiedevo se c'era un metodo per avere:
guscio principale: width: 768px;
parte left: width: 200px;
parte sin: width: 568px;
ho visto che sostanzialmente il problema sta nei bordi del guscio, che
 con ie vengono considerati x il calcolo, mentre con firefox no
como faccio? :)
-- 
"L'Islamico che piange per delle vignette, è un Imammone"
http://scirio.altervista.org
 - 
http://x-privat.org
 
http://moofushi.altervista.org
 - 
http://ihu.altervista.org

  con ie vengono considerati x il calcolo, mentre con firefox no
Ed ovviamente a sbagliare e' IE, come al solito
Ciao

 </style>
PS:
Il CSS e' TUTTO sbagliato !!!
ripassa le basi.
ciao

 
segnala gli errori, se ci sono


 
si ma, non è per fare il pignolo, ma non hai dato nessuna indicazione
 per risolvere il problema
cmq sia, e quindi?


 segnala gli errori, se ci sono
Sciriooooo... insomma, scompari da lì e compari qui... eccheppalle, pensavo
fossi andato *definitivamente* in vacanza... :-)
Comunque... sul fatto che il css sia *tutto* sbagliato... beh, avrei da
ridire, non ti curar di loro :) Oddio... hai dimenticato il punto "." prima
dei nomi delle classi... ma credo sia stato un problema di trascrizione,
no?
Per quanto riguarda il problema, invece: il doctype che hai usato manda IE
in quirks mode (il che gli fare usare il box model rotto, quello fuori
standard); usa questo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
-- 
Nando [?]
Apostolo della Prova

 Ed ovviamente a sbagliare e' IE, come al solito
Beh, questo è un altro discorso.
Ah, un'ultima cosa... la prossima volta quota un po' meglio.
Ah, dimenticavo... che scirio sia un fesso è cosa risaputa :-) ma mi pare
altrettanto stupido criticarlo laddove non ve ne sono motivi.


 
Studiarez un po' noz ?
troppa faticaz ?
ciaoz

 
Testato con Safari e FirFox, con IE lascio il compito a te, poiche' ho 
ben deciso di liberarmene da tempo:
il codice e' corretto e se IE6 non lo vede bene, dovrai applicare dei 
Tips&Trick, buona fortuna !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "
http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
" xml:lang="it" >
<head>
 
	<title>Prova</title>
<style type="text/css">
p
{
	padding:0;
	border:0;
	margin:0;
}
p:hover
{
	background-color: #efefef;
}
div#container
{
	clear: left;
	width: 779px;
	background-color: #747474;;
	border: 1px solid #00209F;
	text-align: center;
}
div#left
{
	width: 200px;
	float: left;
}
div#right
{
	background-color: green;
	text-align: justify;
	margin-left: 200px;
	padding: 3px;
}
</style>
</head>
<body>
	<div id="container">
 
		<div id="left">
			prova
			ok
		</div>
		<div id="right">
			<p>
			testo di prova testo di prova testo di prova testo di prova testo di
  			prova testo di prova testo di prova
			testo di prova testo di prova testo di prova testo di prova testo di
  			prova testo di prova testo di prova
			</p>
			<p>
			testo di prova testo di prova testo di prova testo di prova testo di
  			prova testo di prova testo di prova
			testo di prova testo di prova testo di prova testo di prova testo di
  			prova testo di prova testo di prova
			</p>
			<p>
			testo di prova testo di prova testo di prova testo di prova testo di
			</p>
			<p>
			testo di prova testo di prova testo di prova testo di prova testo di
  			prova testo di prova testo di prova
			testo di prova testo di prova testo di prova testo di prova testo di
			prova testo di prova testo di prova
			</p>
			<p>
			testo di prova testo di prova testo di prova testo di prova testo di
			prova testo di prova testo di prova
			testo di prova testo di prova testo di prova testo di prova testo di
			prova testo di prova testo di prova
			</p>
			<p>
			testo di prova testo di prova testo di prova testo di prova testo di
			prova testo di prova testo di prova
			testo di prova testo di prova testo di prova testo di prova testo di
			prova testo di prova testo di prova
			</p>
			<p>
			testo di prova testo di prova testo di prova testo di prova testo di
			prova testo di prova testo di prova
			testo di prova testo di prova testo di prova testo di prova testo di
			prova testo di prova testo di prova
			</p>
		</div>
	</div>
</body>
</html>

 
Quindi, devi usare dei workarround per IE, come sempre si e' fatto per 
far fronte alle boiate introdotte da IE

     "
http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd
">
E minchia, 129 linee di codice quando bastava questo o una cosa del
genere... suvvia, che il troll sembri tu, se fai cosě.
Ah, per inciso... il tuo codice non č valido, manca il character encoding.


 Tips&Trick, buona fortuna !
thanks domani lo testo
-- 
SCIRIO - Windows user #1 on machine #007 (linux cacca)
http://scirio.altervista.org
 - 
http://www.x-privat.org
Indovina il film:
Il cowboy Woody viene rubato da un collezionista di giocattoli.
Buzz e i suoi amici dovranno liberarlo.
Soluzione: 
http://scirio.altervista.org/cinema/scheda.php?id=1045

 far fronte alle boiate introdotte da IE
ok, che dovevo far qualcosa l'avevo capito, sei stato un po' astratto :)
-- 
SCIRIO - Windows user #1 on machine #007 (linux cacca)
http://scirio.altervista.org
 - 
http://www.x-privat.org
Indovina il film:
Sergio Benvenuti è un neo agente pubblicitario per una casa editrice
musicale che non riesce molto nel suo lavoro.
La sua collega, Nadia Vandelli, decide così di fare un giorno di tirocinio
con lui per aiutarlo, ma Sergio riuscirà a combinare solo disastri...
Soluzione: 
http://scirio.altervista.org/cinema/scheda.php?id=3935

 "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
non capisco perchè homesite sia impostato di default in quirk quork e quark
mode
cmq non ho ancora capito quale dei 2 metodi bisogna usare, e se ci siano
controindicazioni in uno ed in un altro caso
-- 
SCIRIO - Windows user #1 on machine #007 (linux cacca)
http://scirio.altervista.org
 - 
http://www.x-privat.org
Indovina il film:
Alain, detective privato, scopre di avere un fratello gemello solo alla
morte di questi.
Alain deciderà quindi di provare a ricostruire il passato del defunto
fratello.
Soluzione: 
http://scirio.altervista.org/cinema/scheda.php?id=2574