Autore Topic: problema con i <div> (Letto 1857 volte)

Leron · « **il:** 07 Marzo 2005 11:06:53 »

salve, scusate se apro un thread per un problema non legato direttamente a firefox (almeno spero) ma a errori nel codice

scrivo per conto di un amico che ha problemi con delle pagine che sta facendo

un esempio "ridotto"

www.rifugiodenza.com/prova/index.html

www.rifugiodenza.com/prova/index2.html

le pagine vengono entrambe validate e giudicate senza errori dal w3C, mi chiedo quindi come mai sia firefox che opera sballino a quella maniera

lucasali · « **Risposta #1 il:** 07 Marzo 2005 12:17:32 »

a prima vista immagino che sia un problema di css.
sposto in evangelizzazione in quanto è la sezione più adatta.

Leron · « **Risposta #2 il:** 07 Marzo 2005 12:22:30 »

Citazione da: lucasali

a prima vista immagino che sia un problema di css.
sposto in evangelizzazione in quanto è la sezione più adatta.

grazie

in effetti cercavo la sezione giusta ma non ho collegato "evangelizzazione"

il codice è questo

Codice: [Seleziona]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prova</title>
</head>

<body>
<div style="width:300px; height:100px; background-color:#FF9900; border-style:groove; border-width:2px;">
  Genitore
  <div style="width:100%; background-color:#000099; border-color:#FFFFFF; border-style:groove; border-width:2px; padding:10px; color: #FFFFFF;">
  Figlio 
  </div>
</div>

</body>

</html>

il problema direi che è qui

Codice: [Seleziona]

  <div style="width:100%; background-color:#000099; border-color:#FFFFFF; border-style:groove; border-width:2px; padding:10px; color: #FFFFFF;">

ma non so come mai: le anteprime di golive e dreamweaver sono corrette, IE la vede bene, w3c la valida correttamente

lucasali · « **Risposta #3 il:** 07 Marzo 2005 12:33:09 »

nel primo caso:
hai messo un div con "width:100%"
dentro ad un div con "width:300px"
quindi il div figlio è 300px
ma gli hai anche impostato "padding:10px"
quindi diventa di 320px
suluzioni (non testate, solo suggerite):
metti width:280px e padding:10px
oppure metti padding:10px nel tag font anziché nel div

nel secondo caso devi usare min-height (mi sembra, vado a mente) anzichè height
in pratica IE ti aggiusta la pagina allungando il div incriminato invece FF fa esattamente qullo che gli dici, quindi un div di 100px, ma se usi il tag min-height se necessario anche FF ti allunga il div.

ciao. Luca

Leron · « **Risposta #4 il:** 07 Marzo 2005 12:41:18 »

Citazione da: lucasali

nel primo caso:
hai messo un div con "width:100%"
dentro ad un div con "width:300px"
quindi il div figlio è 300px
ma gli hai anche impostato "padding:10px"
quindi diventa di 320px
suluzioni (non testate, solo suggerite):
metti width:280px e padding:10px
oppure metti padding:10px nel tag font anziché nel div

nel secondo caso devi usare min-height (mi sembra, vado a mente) anzichè height
in pratica IE ti aggiusta la pagina allungando il div incriminato invece FF fa esattamente qullo che gli dici, quindi un div di 100px, ma se usi il tag min-height se necessario anche FF ti allunga il div.

ciao. Luca

perfetto, riferisco all'interessato tnks