strano pronlema IE8 e Float:Left

**starbuck** · 22-09-2010, 18:37

Salve
Ho un problema strano con il css del mio sito; in pratica ho messo due div (blog e sidebar) all'interno di un contenitore, ho impostato blog come float:left in modo che sidebar si venga a trovare alla sua destra, in firefox non ho problemi mentre con ie8 il div blog è perfettamente centrato all'interno del contenitore e sidebar è sotto....vi posto il codice del css.

codice:

#blog{	
	margin-top:40px;
	margin-left:10px;
	width:540px;
	/*height:auto;*/
	background:white; /*url(../img/blog.jpg) top left no-repeat;*/
	/*border: 1px  red;*/
	border-style: ridge;
	color:black;
	float:left;
	padding-bottom:20px;
	border:1px solid #cecece;
}

#sidebar{
width:200px;
border: 1px solid  #cecece;
background:white url(../img/background4.jpg) top left repeat-x;
color:black;
margin-left:580px;
min-height:200px;
margin-top:20px;
}



#contenitore_small{
	margin: 0px;
	border: 0px;
	padding: 0px;
	height: 100%;
	min-height:600px;
	width: 860px;
	background-color: #DBD9D9;
	overflow: hidden;
	color:black;
	background:transparent;

}

**codencode** · 22-09-2010, 18:53

Posta anche il codice HTML. Intanto prova ad aggiungere float: right; a #sidebar.

**starbuck** · 22-09-2010, 20:38

Questo è il codice della pagina html/php

codice:

 <body> 
<div id="menuTop"> 
<?php include("inc/menuTop.inc.php"); ?> 
</div> 
<div id="container"> 
<div id="header"></div> 
<div id="contenitore_small"> 
<div> 
<?php include("inc/menu.inc.php"); ?> 
</div> 
<?php include("inc/connection.inc.php"); ?> 				 
<div id="blog"> 	
<div id="intestazione_stampa"> 
</div> 
<h1>Il blog </h1>


Prova </p> 
</div> 
<div id="sidebar"> 
<h2>Archivio Notizie</h2> 
<h3>Notizie per data</h3> 
<ul class="list_sidebar"> [*]…. [/list]
<h3>Anni passati</h3> 
<ul class="list_sidebar"> [*]2009 [/list]
</div> 
<div style="clear:both;"> 
</div> 
</div> 
</div>  
<div id="footer" style="margin-top:0px;"> 
<?php include("inc/footer.inc.php"); ?> 
</div> <div id="footer2">  
<?php include("inc/footer2.inc.php"); ?>  
</div>  
</body> 
</html>

**starbuck** · 23-09-2010, 08:15

Non sono ancora riuscito a risolvere il problema; tuttavia ho notato che attivando l'opzione "compatibility view" di IE8 il sito viene visualizzato correttamente....perchè? cosa devo fare per far visualizzare il sito in maniera corretta anche senza usare l'opzioe compatibility view?

ah dimenticavo di aggiungere che me lo fa anche con chrome ma solo se lo utilizzo con windowx xp, mentre con linux e con mac non ho questo problema.

**starbuck** · 23-09-2010, 12:27

Ho risolto....c'era un problema con il padding nel menù che sforava facendomi "shiftare" tutti i div ;-)
Grazie a tutti.

Discussione: strano pronlema IE8 e Float:Left

Strumenti discussione

Ricerca discussione

Visualizza

strano pronlema IE8 e Float:Left

Permessi di invio