firefox/explorer e width di un div

**agnes** · 12-06-2007, 13:30

ciao a tutti
ho un problema con la visualizzazione di un layout a 3 colonne nel quale, la width del div centrale (maincenter) di contenuto, è interpretata nel modo corretto da firefox, mentre con explorer no. mi spiego meglio, per poter visualizzare il layout nel modo corretto con explorer, sono stata costretta a diminuire la width del div maincenter, con conseguente effetto bruttissimo di una specie d margin a dx e sx del div. ho sbagliato qualcosa nella costruzione della pagina?

ecco il codice html:

codice:

<html>
<head>
<title>Prova</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="main">

    
      <div id="mainsx"></div>	

    
      <div id="maindx"></div>

   
      <div id="maincenter"></div>

</div>


</body>
</html>

ecco il css:

codice:

body{font-family:verdana ;font-size: 10; background-color: #FFFFFF; }

/* - div main - */
#main{
width:752px;
height:524px;
padding:0;
margin:0;}

/* - div mainsx - */
#mainsx{
float:left;
width:327px;
height:524px;
background-color:#00ccff;
}

/* - div maincenter - */
#maincenter{/*explorer prende queste impostazioni*/
width:390px; 
height:524px;
background-color:#ccff00;
margin: 0 0 0 327px;
padding:0;
}

body > #main #maincenter
{
   width:396px;/*firefox prende queste impostazioni*/
}

/* - div maindx - */
#maindx{
float:right;
width:29px;
height:524px;
background-color:#ff00cc;
}

Grazie in anticipo!!

**Myaku** · 12-06-2007, 13:39

Originariamente inviato da agnes
ciao a tutti
ho un problema con la visualizzazione di un layout a 3 colonne nel quale, la width del div centrale (maincenter) di contenuto, è interpretata nel modo corretto da firefox, mentre con explorer no. mi spiego meglio, per poter visualizzare il layout nel modo corretto con explorer, sono stata costretta a diminuire la width del div maincenter, con conseguente effetto bruttissimo di una specie d margin a dx e sx del div. ho sbagliato qualcosa nella costruzione della pagina?

premetto che non mi sono soffermata a leggere il tuo codice. Hai valutato la possibilità di utilizzare i commenti condizionali per IE invece di modificare il css per i browser standard?

**agnes** · 12-06-2007, 16:43

grazie per il suggerimento Myaku ho provveduto all'utilizzo dei commenti condizionali.
xò nn sono riuscita a trovare soluzione, per far capire meglio quello che visualizzo, ecco una img

**mucu** · 12-06-2007, 16:52

visto che hai provveduto a dare altezze e larghezze, non è più semplice che metti tutti i div interni al main come float a sinistra e basta?

**agnes** · 12-06-2007, 17:17

hi hi hi è meglio che nn m commento! proprio nn c avevo pensato, m sono complicata la vita per niente. :rollo: :rollo: grazie mucu

Discussione: firefox/explorer e width di un div

Strumenti discussione

Ricerca discussione

Visualizza

firefox/explorer e width di un div

Re: firefox/explorer e width di un div

Permessi di invio