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

Discussione: layout 3 colonne: problema visualizzazione

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

layout 3 colonne: problema visualizzazione

Permessi di invio