display inline e width

**mircov** · 30-11-2005, 00:26

Salve ragazzi. Ho scritto questo brevissimo codice:

codice:

<div style="border: 1px solid #000 ; width: 300px ; display: inline ;">
	   prodotti
	   </div>
	   <div style="border: 1px solid #000 ; width: 300px ; display: inline ;">
	   prodotti
	   </div>
	   <div style="border: 1px solid #000 ; width: 400px ; display: inline ;">
	   prodotti
	   </div>

I div vengono correttamente visualizzati uno di fianco all'altro ma la larghezza non viene impostata. Come mai? Come potrei risolvere il problema? Grazie mille in anticipo! Ciao!

**awd** · 30-11-2005, 00:47

se usi display inline!

per affiancarli usa il float, ma considera che arrivi a oltre 1000px di larghezza!

**mircov** · 30-11-2005, 01:16

Il float non posso usarlo a causa di varie incompatibilità riscontrate tra i vari browser nel gestire margini e padding. Non mi resta che inserire un'immagine trasparente della larghezza desiderata. Ma in questo caso sporcherei il codice ed avrei anche altri problemi!

Uso le tabelle?

**awd** · 30-11-2005, 01:37

Originariamente inviato da mircov
Il float non posso usarlo a causa di varie incompatibilità riscontrate tra i vari browser nel gestire margini e padding. Non mi resta che inserire un'immagine trasparente della larghezza desiderata. Ma in questo caso sporcherei il codice ed avrei anche altri problemi!

Uso le tabelle?

VVoVe:

quale problema hai coi float?

**mircov** · 30-11-2005, 11:58

In questo sito non ho proprio provato ma su un altro sito che stavo facendo non rispettava il padding e i margin creando casini vari con il template. Cmq provo lo stesso, può darsi che adesso mi vengano in mente cose che allora non mi vennero in mente!

Ti farò sapere! Ciao e grazie!

**floyd46** · 30-11-2005, 15:20

ciao
è chiaro che non ti "tornano" i conti;
dal codice che hai scritto all'inizio del 3d, hai 3 box la cui larghezza totale è di 1006 pixel.
Innanzitutto sconsiglierei visualizzazioni oltre i 760px (ammenochè nn fai un layout liquido), inoltre quello che ti sfugge è il problema del boxmodel (sempre lui!).
nota che se in un box ci metti anche margini e padding, arrivi non a 1006 px, ma a mille e una notte....
inoltre non sono d'accordo sul fatto che non puoi usare i float.
dipende da come hai scritto il codice CSS.
Floyd

**mircov** · 30-11-2005, 15:48

No aspetta! Il template ha una larghezza massima di 760px. I box, invece, hanno quella larghezza perchè io non mi spiegavo come mai non si allargassero nonostante avessi impostato una larghezza! Allora ho detto: io mo ce la metto bella grande! Al massimo me li mette uno sotto l'altro! Invece non me li ha allargati. Quando poi ho postato il codice ho dimenticato di aggiustare il codice! Semplicemente questo!

Cmq proverò con i float come ho già detto e vi farò sapere! Grazie cmq dell'intervento! Ciao!

**floyd46** · 30-11-2005, 15:55

No aspetta! ..........

.... e chi si muove!

cmq, apparte tutto, tieni sempre presente la regola del boxmodel.
è fondamentale.
buon lavoro.
Floyd

**webus** · 30-11-2005, 16:51

a un elemento inline non puoi assegnare una larghezza.
La eredita dal contenuto.

**Zulkifar2** · 30-11-2005, 16:53

Non so se sia una mala idea ma ho usato il doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
prima dell'head della pagina per risolvere il problema del box model. Con i browsers disponibili su xp io vedo tutto a norma w3c..
Spero di aver fatto bene..

Discussione: display inline e width

Strumenti discussione

Ricerca discussione

Visualizza

display inline e width

Permessi di invio