width ignorato

**IvanHares** · 29-01-2009, 11:39

Buon giorno a tutti,
sò che ne forum ne è stato pralato tanto ma con la ricerca non ho trovato la soluzione al problema di impostazione di larghezza per un elemento. Ecco il codice su cui stavo facendo dei test:

codice:

<html>
	<head>
		<title> Pagina Personale</title>
		<style rel="stylesheet" type="text/css">
			*
			{
				font-family: Tahoma;
				font-size: 18px;
				font-weight: bold;
				color: blue;
			}
			span
			{
				padding: 5px;
				border-left: 1px solid #0000FF;
				background-color: #D4D4D4;
				width: 100px;
			}
		</style>
	</head>
	
	<body>
	<CENTER>
		<div class="menu"><span>logo</span><span>Profilo</span><span>Immagini</span><span>Video</span><span>Musica</span></div>
	</body>
	</CENTER>
</html>

Vorrei capire perchè in questo caso limpostazione del width è ignorata.
Grazie a tutti per l'aiuto.

**Mich_** · 29-01-2009, 11:51

Ci sono diversi errori in quel codice.

1. Mancanza del DOCTYPE: i browser possono interpretare a piacimento, dato che non e` dichiarato il linguaggio usato.

2. Uso di tag obsoleti e deprecati (qualche browser non li supporta piu`): ad esempio <CENTER>

3. Errato innestamento dei tag (idem come punto 2)

4. Lo <span> e` di default un oggetto di tipo inline: non puo` avere dimensioni, ma si adatta alle dimensioni del contenuto

Dopo aver corretto gli altri errori, prova ad usare dei

al posto dei tuoi <span>. Se vuoi che vengano posizionati sulla stessa riga, devi poi dare il float:left a tutti i

**IvanHares** · 29-01-2009, 12:19

In effetti il doctype era già inserito...non lo avevo copiato!

Ho corretto in questo modo:

codice:

<html>

	<head>
		<title> Pagina Personale</title>
		<style rel="stylesheet" type="text/css">
			*
			{
				font-family: Tahoma;
				font-size: 18px;
				font-weight: bold;
				color: blue;
			}
			div.menu
			{
				text-align: center;
			}
			p
			{
				padding: 5px;
				border-left: 1px solid #0000FF;
				border-top: 1px solid #0000FF;
				border-bottom: 1px solid #0000FF;
				background-color: #D4D4D4;
				width: 100px;
				float: left;
			}
		</style>
	</head>
	
	<body>
		<div class="menu">
			

Logo</p>
			

Profilo</p>
			

Immagini</p>
			

Video</p>
			

Musica</p>
		</div>
	</body>
	
</html>

Ineffetti in questo modo risolvo il problema, ma se il tag <center> è deprecato come faccio a posizionare in div al centro? Uso position: absolute e poi left: TOTpx?
Ma in questo modo non credo che venga posizionato al centro per tutte le visualizzazioni dei browser.
Inoltre volevo chiedere una soluzione per non avere i doppi bordi agli elementi

sui lati dx e sx inserendo l'attributo border generico.
La soluzione che ho simulato io richiede l'inserimento triplice dell'attributo border e cmq rimane un lato senza bordo.
Come posso risolvere?

Grazie ancora

**Mich_** · 29-01-2009, 13:32

Il problema di centrare e` stato affrontato troppe volte nel forum.
Ti rimando ad una ricerca o ai "link utili"

**IvanHares** · 29-01-2009, 13:53

Grazie infinite!

Discussione: width ignorato

Strumenti discussione

Ricerca discussione

Visualizza

width ignorato

Permessi di invio