layout 3 colonne: problema visualizzazione

**samu81** · 08-07-2007, 14:22

ciao a tutti,

vorrei realizzare un template a 3 colonne ma ho notato che tra ie7, firefox e opera ci sono differenze di visualizzazione.

Il problema è che Internet Explorer espande il div wrapper, gli altri due browser no.
Come posso risolvere considerando di voler ottenere la visualizzazione come quella di Internet Explorer?

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">

* {margin:0; padding:0;}

body {background-color:#99CCCC;}

#wrapper {
width:780px;
margin:1em auto;
background-color:#CCFF99;
border:1px solid #000000;
}

#block1 {
width:20%;
float:left;
background-color:#FFCC00;
}

#block2 {
width:60%;
float:left;
background-color:#FFCC99;
}

#block3 {
width:20%;
float:right;
background-color:#99CC66;
}

</style>
</head>

<body>

<div id="wrapper">
	<div id="block1">
		<h3>Block 1</h3>
		

Testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
	</div>
	
             <div id="block2">
		<h3>Block 2</h3>
		

Testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
	</div>
	
            <div id="block3">
		<h3>Block 3</h3>
		

Testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
	</div>
</div>

</body>
</html>

L'immagine in allegato è quella di ie

**gabar-el** · 08-07-2007, 19:23

cosa vuol dire espande? come fa a espanderlo se gli dai una dimensione fissa? credo di non aver capito bene cosa intendi prova a spiegarti meglio....

**samu81** · 09-07-2007, 08:33

intendo dire che con ie il div wrapper si espande in verticale racchiudendo i tra div block. Infatti prende il colore di sfondo verde chiaro così come impostato.

Su firefox ed opera invece non accade la stessa cosa. Rimane il colore di sfondo del body (celeste).

Allego il rendering di firefox.

**gabar-el** · 09-07-2007, 08:40

se è un problema di layout a livello di colori credo sia semplicemnte perchè in un layout a 3 colonne per i colori devi usare un'immagine di sfondo.
http://css.html.it/articoli/leggi/53...e-tutto-float/
in 2^ pagina trovi ciò ci cui parlo....

**samu81** · 09-07-2007, 14:56

grazie, era quello che cercavo.

Discussione: layout 3 colonne: problema visualizzazione

Strumenti discussione

Ricerca discussione

Visualizza

layout 3 colonne: problema visualizzazione

Permessi di invio