css e html: div va a capo e non dovrebbe

**elmuneco** · 10-02-2010, 17:59

Ciao a tutti, ho un problema con la mia home page, in sostanza voglio che l'ultima colonna di destra stia affiancata al div centrale ma non ci riesco, mi va a capo, inoltre non posso flottare a destra perchè voglio che fra la parte centrale e la colonna di destra ci sia un margine di 10 px, di seguito l'html e il css.

stile.css

codice:

div.qsx
{			
			border-style: solid;
			border-color: #000000;
			border-width: 7px;
			text-align: center;
			font-family: verdana;
			font-size: 12px;
			color: #000000;
			background-color: #003399;
			width: 186px;
			height: 800px;
			float:left;
			margin-top: 10px;

}

div.qtesta
{
			border-style: solid;
			border-bottom-width: 7px;
			border-left-width: 7px;
			border-right-width: 7px;
			text-align: center;
			font-family: verdana;
			font-size: 12px;
			color: #000000;
			background-color: #000000;
			width: 1222px;
			height: 178px;

}


div.qce
{
			border-style: double;
			border-color: #000000;
			border-width: 7px;			
			text-align: center;
			font-family: verdana;
			font-size: 12px;
			color: #000000;
			background-color: #0066CC;
			width: 767px;
			height: 800px;
			margin-top: 10px;
			margin-left: 206px;
			
			
}

div.qdx
{
			border-style: solid;
			border-color: #000000;
			border-width: 7px;
			text-align: center;
			font-family: verdana;
			font-size: 12px;
			color: #000000;
			background-color: #003399;
			width: 186px;
			height: 800px;
			margin-top: 10px;
			margin-left: 1020px;
									
}

html

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" lang="it">

	</head> 
		<title> prova </title>
		
		<link rel="stylesheet" type="text/css" href="stile.css">

	</head>


<body bgcolor="#FFFFCC" background="">



<caption>
	<div class="qtesta">

	[img]/grafica/head.gif[/img]

	</div>

</caption>
	
<div class="qsx">
					
</div>	


<div class="qce">

</div>


<div class="qdx">
					[img]grafica/adv.gif[/img]

</div>


</body>

</html>

in sostanza il qdx va a capo mentre dovrebbe stare a destra del qce, come fa esattamente il qce con qsx.
Metto un disegnino esplicativo

Mich_:
Hai mescolato formattazione tramite attributi HTML e CSS: in tal modo i brwoser interpretano come vogliono (e` impossibile fare una cosa cross-brwoser).

Hai usato tag HTML nel posto sbagliato e in modo non semantico (anche in questo caso i browser possono interpretare bene o come vogliono).

mi potresti spiegare meglio perchè non capisco proprio dove sbaglio e spero che ora il titolo vada bene

**elmuneco** · 10-02-2010, 18:29

Come non detto, grazie Mich_ ho seguito il consiglio di creare un contenitore e poi di far flottare tutti i div e adesso funziona, per il fatto di mescolare html e css ancora però non ho capito.

**Mich_** · 10-02-2010, 18:31

Il tag <caption> e` usato in modo improprio

bgcolor="#FFFFCC" background="" sono attributi HTML di formattazione (vanno eliminati e spostati nel CSS)

E comunque la DTD usata manda il browser IE in modo retrocompatibile (quirks mode): se usi invece la DTD XHTML 1.0 Transitional IE si comporta molto piu` similmente ad altri browser (in molti casi basta fare un unico CSS)

**elmuneco** · 10-02-2010, 18:36

Originariamente inviato da Mich_
Il tag <caption> e` usato in modo improprio

diciamo che non serve, o no?

bgcolor="#FFFFCC" background="" sono attributi HTML di formattazione (vanno eliminati e spostati nel CSS)

e questo ok

E comunque la DTD usata manda il browser IE in modo retrocompatibile (quirks mode): se usi invece la DTD XHTML 1.0 Transitional IE si comporta molto piu` similmente ad altri browser (in molti casi basta fare un unico CSS)

come sarebbe l'intestazione corretta?

**Mich_** · 11-02-2010, 09:24

Originariamente inviato da elmuneco >> Il tag <caption> e` usato in modo improprio
diciamo che non serve, o no?

Diciamo che lo hai usato come contenitore di altri oggetti (cosa che non puo` fare, e che lo hai usato fuori dalle tabelle (cosa che non e` possibile)

come sarebbe l'intestazione corretta?

Qui trovi le varie DTD possibili: http://www.w3schools.com/tags/tag_doctype.asp
Copia-incolla quella per XHTML 1.0 Strict.
Poi usa i validatori per verificare di usare il linguaggio compatibilmente con la DTD
validatore HTML
validatore CSS

**elmuneco** · 11-02-2010, 21:37

Ti ringrazio per i chiarimenti

Discussione: css e html: div va a capo e non dovrebbe

Strumenti discussione

Ricerca discussione

Visualizza

css e html: div va a capo e non dovrebbe

Permessi di invio