Ciao ragazzi sto impazzendo con Internet Explorer perché non rispetta le dimensioni che imposto dei div! Mi spiego voglio creare un layout con un logo, un menu e infine nel corpo della pagina inserire una colonna a destra con dei video e nella parte a sinistra mettere altri div ognuno riguardante una sezione diversa. Il mio problema sta nel fatto che i div di sezioni diversi presenti nella parte a sinistra hanno una distanza dalla colonna che scorre a destra differente quando apro Google Chrome e Internet Explorer credo sia la versione 7...Bene la visualizzazione Di Google Chrome è proprio c'ho che voglio realizzare ma non so come risolvere il problema della distanza tra i div di sinistra e la colonna a destra...ho cercato un pò qua e là e non riesco a capire se è un bug di float o di padding di IE...SAPRESTE AIUTARMI? QUESTA E' LA MIA PAGINA HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="logo">
</div>
<div id="menu">
<ul>
[*]Home
[*]Chi Siamo
[*]Contattami
[*]Materiali
[/list]
</div>
<div id="contenuto">
<div id="normativa">
[img]normativa.jpg[/img]
<h1>La normativa scolastica</h1>
20 Template HTML5 CSS3 Gratis
101 Bellissimi Template CSS e HTML Gratis!
15 Temi Wordpress Gratis del 2011 Che Non Dovrebbero Esserlo
Creare degli sfondi con gimp23 Bellissimi Disegni 3D Realizzati su Strada!
30 Tutorial per Creare delle fantastiche Scritte con Photoshop
Tutorial Jquery: Creare fantastici slideshow in 5 minuti
Wordpress Non è Solo Blog: Ecco 20 Bellissimi Siti Che Ti Faranno Ricredere
50 Bellissimi Template HTML e CSS Gratis!23 Bellissimi Disegni 3D Realizzati su Strada!</p>
</div>
<div id="colonna-contenuto">
<iframe width="250" height="145" src="http://www.youtube.com/embed/H6VZDGA2XHg" frameborder="0" allowfullscreen>
</iframe>
23 Bellissimi Disegni 3D Realizzati su Strada!
30 Tutorial per Creare delle fantastiche Scritte con Photoshop</p>
<iframe width="250" height="145" src="http://www.youtube.com/embed/iXNodcfmG3o" frameborder="0" allowfullscreen></iframe>
Tutorial Jquery: Creare fantastici slideshow in 5 minuti
Wordpress Non è Solo Blog: Ecco 20 Bellissimi Siti Che Ti Faranno Ricredere
50 Bellissimi Template HTML e CSS Gratis!
23 Bellissimi Disegni 3D Realizzati su Strada!
30 Tutorial per Creare delle fantastiche Scritte con Photoshop
Tutorial Jquery: Creare fantastici slideshow in 5 minuti
Wordpress Non è Solo Blog: Ecco 20 Bellissimi Siti Che Ti Faranno Ricredere
50 Bellissimi Template HTML e CSS Gratis!
</p>
</div>
<div id="box-contenuto">
[img]pianoeducativo.jpg[/img]
<h2>Piano educativo individualizzato</h2>
30 Tutorial per Creare delle fantastiche Scritte con Photoshop
Tutorial Jquery: Creare fantastici slideshow in 5 minuti
Wordpress Non è Solo Blog: Ecco 20 Bellissimi Siti Che Ti Faranno Ricredere
50 Bellissimi Template HTML e CSS Gratis!23 Bellissimi Disegni 3D Realizzati su Strada!
gwesafregts</p>
</div>
<div id="box-contenuto">
[img]profilodinamico.jpg[/img]
<h2>Profilo dinamico funzionale</h2>
30 Tutorial per Creare delle fantastiche Scritte con Photoshop
Tutorial Jquery: Creare fantastici slideshow in 5 minuti
Wordpress Non è Solo Blog: Ecco 20 Bellissimi Siti Che Ti Faranno Ricredere
50 Bellissimi Template HTML e CSS Gratis!23 Bellissimi Disegni 3D Realizzati su Strada!</p>
</div>
<div id="box-contenuto">
[img]bes.jpg[/img]
<h2>B.E.S.</h2>
30 Tutorial per Creare delle fantastiche Scritte con Photoshop
Tutorial Jquery: Creare fantastici slideshow in 5 minuti
Wordpress Non è Solo Blog: Ecco 20 Bellissimi Siti Che Ti Faranno Ricredere
50 Bellissimi Template HTML e CSS Gratis!23 Bellissimi Disegni 3D Realizzati su Strada!</p>
</div>
</div>
</body>
</html>
E QUESTO IL FILE CSS:
*{margin: 0; padding:0;}
body {
text-align: center;
}
p {
font-family: Arial, Verdana, sans-serif;
font-size: 0.9em;
text-align: justify;
}
h1 {
margin: 0;
text-align: left;
font-size: 2em;
padding: 0px 0px 5px 0px;
}
h2, h3, h4, h5, h6 {
margin: 0;
text-align: left;
font-size: 1.3em;
padding: 0px 0px 5px 0px;
}
img.alignright {
float:right;
margin-left: 15px;
}
img.alignleft {
float:left;
margin-right: 15px;
}
a {
color: black;
text-decoration: none;
}
#container {
width:900px;
margin:0 auto;
margin-top: 10px;
}
#logo {
float:left;
width:900px;
height: 115px;
background: #CCC url("logo.gif");
}
#menu {
background: #ff6600 url("menu2.jpg");
width: 900px;
padding: 0px 0px;
float: left;
}
#menu ul {
list-style-type: none;
}
#menu ul li {
float: left;
border-right: 1px dotted #000;
}
#menu a:link, a:visited {
color: #fff;
text-decoration: none;
padding: 5px 20px;
display: block;
}
#menu a:hover {
background-color: #fff;
color: #ff6600;
}
#contenuto {
width: 900px;
float: left;
}
/* Normativa */
#normativa {
width: 590px;
float: left;
padding: 15px;
border-bottom-color: gray;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
#box-contenuto {
width: 280px;
float: left;
padding: 15px;
}
#divbox {
padding: 15px;
}
#colonna-contenuto {
width: 250px;
float: right;
padding: 15px;
}
Rispondi quotando
