Problemi con div e box model in IE6

**jesus** · 29-11-2003, 18:13

Salve a tutti amici del forum.

Sto facendo alcune prove di un layout per una pagina web in XHTML. La pagina è stata testata con Mozilla 1.2, Opera 7 Beta e Internet Explorer 6. Nei primi due la visualizzazione è perfetta, mentre in explorer no.
Sembra che abbia delle difficoltà con il box model, perchè calcolo la larghezza e l'altezza di ogni box considerando anche il padding come di regola. Come mai IE 6 si impiccia? Non dovrebbe essere stato risolto il problema del box-model noto in IE5?
Potete darmi una mano?
Vi invio anche il codice,
saluti, grazie.

codice:

/* css */
body {
	font: .65em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align : center;
}
hr {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
#container {
	position: relative;
	height: 625px;
	width: 700px;
	background : url(background.JPG) no-repeat;
	text-align : left;
	margin-right : auto;
	margin-left : auto;
}
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 119px;
	width: 694px;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	background : Aqua;
}
#menu {
	position: absolute;
	left: 0px;
	top: 125px;
	height: 451px;
	width: 167px;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	background : Fuchsia;
}
#content {
	position: absolute;
	height: 451px;
	width: 521px;
	left: 173px;
	top: 125px;
	background : darkred;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

#menu h3 {
	font-size: 1em;
	font-weight: bold;
}
#menu ul {
	margin : 0px;
	padding: 0px;
	list-style-type : none;
}

/* html */
<body>
<div id="container"> 
  
  <div id="header"> 
    <h1>Esperimento layout - 1 -</h1>
  </div>
  
  <hr />
  
  <div id="menu"> 
    <h3>topic</h3>
    <ul>[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[/list]
    <h3>topic</h3>
    <ul>[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[/list]
    <h3>topic</h3>
    <ul>[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[/list]
		<h3>topic</h3>
    <ul>[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[*]&gt; undertopic[/list]
		<h3>affiliates</h3>
		
  </div>
  
  <hr />
  
  <div id="content">
    ...
  </div>
  
</div>
</body>

**pacovox** · 29-11-2003, 20:50

Hai specificato il doctype della pagina?
Se non lo hai fatto IE6 si comporta come IE5 con relativo bug del box model.

**blakwolf** · 29-11-2003, 21:08

Originariamente inviato da pacovox
Hai specificato il doctype della pagina?
Se non lo hai fatto IE6 si comporta come IE5 con relativo bug del box model.

non sempre perchè può ancora presentare il bug in certe combinazioni di os/browser o se si annidiano troppo i livelli

http://www.lucamascaro.info/articoli...del_switch.xsp

**jesus** · 30-11-2003, 12:27

ho inserito questo in testa alla pagina:

codice:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">

Discussione: Problemi con div e box model in IE6

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con div e box model in IE6

Permessi di invio