Falha na renderização do site no IE9

ezequielgodoy · Maio 30, 2013

Boa tarde galera!

Estou com um problema de renderização que está me tirando o sono.

A página inicial do site www.brusquenews.com carrega normalmente no IE9, porém se acesso qualquer uma de suas páginas internas, por exemplo www.brusquenews.com/noticia/educacao, o site se desconfigura todo.

Obrigado desde já!

Web_avallon · Maio 30, 2013

Poste o código.

ezequielgodoy · Maio 31, 2013

Colega, segue abaixo o código CSS

@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------- */

	/* ESTRUTURA BÁSICA */
	html, body {
		height:100%; 
		width:100%;
		min-width: 980px;
		padding: 0;
		margin: 0;
	}
	
		body {	
			font-family: 'Source Sans Pro', sans-serif;
			font-style:normal;
			font-size: 100%;
			color:#666666;
			background-color:#FFFFFF;
		}
			.clear { clear: both; }
			
			a { color: #666666; text-decoration: none; }
					
			#body { /* index.php : <div id="body"> */
				min-height:100%;		
				font-size: 0.75em; /* 12px ÷ 16px */
				line-height: 0.875em; /* 14px ÷ 16px */
			}
	
				.content_limit { /* Limite do conteúdo */
					margin: 0 auto; /*-37.109375%;*/
					width: 980px; /* 74.21875%; 950px ÷ 1280px */
					position:relative;
				}
				
				.tit_pagina {		
					font-size: 30px;
					line-height: 34px;
					color: #000;
					clear: both;
					border-bottom: solid 1px #E0E0E0;
					margin-bottom: 10px;
				}
				
				.txt_desc_pag {
					line-height: 26px;
					font-size: 14px;
					border-bottom: solid 1px #E0E0E0;
					margin-top: -10px;	
				}
				
				/* AREA TOPO */
				#top_area {
				}
				
					/* --- */
					#cx_produtos {
						border-bottom: solid 1px #AAAAAA;
						background-color: #E0E0E0;
					}
					
						#menu_prod ul {
							padding:0px;
							margin:0px;
							list-style:none;
							border-left: solid 1px #AAAAAA;
						}
						
						#menu_prod ul li {
							display: inline;
						}
													
							#menu_prod ul li a {
								padding: 10px 10px 10px 10px;
								display: inline-block;
							 
								/* visual do link */
								border-left: solid 1px #FFFFFF;
								border-right: solid 1px #AAAAAA;
								color: #333333;
								font-size: 14px;
								margin-right: -2px;
								position: relative;
							}
							
							#menu_prod ul li a:hover {
								background-color:#D6D6D6;
							}
							
							#menu_prod ul li .prod_ativo {
								background-color: #FFF;
								top: 1px;
							}
							
					/* --- */
					#cx_logo {
						padding: 25px 0;
						
						background: #ffffff; /* Old browsers */
						background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}
					
						#logo_top {
							float: left;
							background-image: url(../img/icons.png);
							background-repeat: no-repeat;
							background-position: 0 0;
							width: 245px;
							height: 48px;
						}
						
							#logo_top a {
								display: block;
								width: 100%;
								height: 100%;
							}
						
						#busca_top {
							float: right;
							border: solid 1px #E0E0E0;
							background-color: #FFFFFF;
							margin-top: 6px;
							position: relative;
						}
							#lb_termo_busca {
								float: right;
								margin-right: 10px;
								padding-top: 20px;
								font-size: 16px;	
							}
						
							#termo_busca {
								float: left;
								width: 250px;
								border: none;
								font-size: 18px;
								padding: 7px;
								margin: 0px;
							}
						
							#btn_busca {
								float: left;
								background-image: url(../img/icons.png);
								background-repeat: no-repeat;
								background-position: -265px 1px;
								border: none;
								display: inline-block;
								background-color: #FFFFFF;
								width: 36px;
								height: 36px;
							}
							
					/* --- */
					#cx_menu_top {
						background: #183A52;
						border-top: solid 1px #FFFFFF;
					}
						#menu_top {
							width: 100%;
						}
							#menu_top ul {
								padding:0px;
								margin:0px;
								list-style:none;
								border-right: solid 1px #001A2D;
							}
							
							#menu_top ul li {
								display: inline;
							}
														
								#menu_top ul li a {
									padding: 15px 9px;
									display: inline-block;
								 
									/* visual do link */
									border-left: solid 1px #001A2D;
									color: #FFFFFF;
									font-size: 14px;
									margin-right: -2px;
									position: relative;
								}
								
								#menu_top ul li a:hover {
									background-color:#001A2D;
								}


				/* BODY AREA */ /* Este fundo pode ser usado para datas comemorativas ou até mesmo como publicidade */
				#body_area {
					/*background-image:url(../bgsite/balao.png);*/
				}

/* ------------------------------------------------------------------------------------- */

				/* DESTAQUE HOME AREA */
				#destaque_home_area {
					padding-top: 30px;
				}
					#destaque_home_area a {
						color: #333333;
					}
					
					#destaque_home_area #col_dest1{
						float: left;
						width: 260px;
						height: 336px;
						margin-right: 10px;
						border-bottom: solid 1px #E0E0E0;
					}
					
					#destaque_home_area #col_dest2{
						float: left;
						width: 400px;
						margin-right: 10px;
					}
					
					#destaque_home_area #col_dest3{
						float: left;
						width: 300px;
					}

						#destaque_home_area #destaque1 {
							float: left;
							width: 260px;
							line-height: 14px;
							font-size: 14px;
						}
						
						#destaque_home_area #destaque1 {
							margin-bottom: 7px;
						}
	
						#destaque_home_area #destaque3 {
							float: left;
							width: 400px;
							height: 336px;
							border-bottom: solid 1px #E0E0E0;
						}
						
							#destaque_home_area #destaque3 img{
								width: 100%;
							}
						
						#destaque_home_area #banner1, #destaque_home_area #banner2 {
							float: left;						
						}

						#col_dest1 .img_destaque {
							float: left;
							margin-bottom: 6px;
							height: 100px;
							overflow: hidden;	
						}
						#col_dest1 .chapeu_list {
							font-size: 14px;
							color: #FFFFFF;
							margin-top: -30px;
							text-transform: uppercase;
							float: left;
							padding: 5px;
							background-color: #004A83;
						}
						#col_dest1 .desc_destaque {
							padding: 10px 0;
							min-height: 40px;
							font-size: 16px;
							line-height: 16px;
						}
							#col_dest1 .desc_destaque a {
								color: #000000;
							}

						#col_dest2 .img_destaque {
							float: left;
							height: 220px;
							overflow: hidden;
						}
						#col_dest2 .chapeu_list {
							font-size: 14px;
							color: #FFFFFF;
							margin-top: -27px;
							text-transform: uppercase;
							float: left;
							padding: 8px;
							background-color: #004A83;
						}
						#col_dest2 #txt_destaque {
							padding: 10px 0;
							float: left;
						}
						#col_dest2 .tit_destaque {
							line-height: 24px;
							font-size: 24px;
							margin-bottom: 5px;
						}
							#col_dest2 .tit_destaque a {
								color: #000000;
							}
						
						#col_dest2 .desc_destaque {
							line-height: 14px;
							font-size: 14px;
						}
						
						#col_dest3 #banner1 {
							margin-bottom: 10px;
						}
						
						#col_dest4 {
							float: left;
							clear: both;
							margin-top: 10px;
						}
						
							#col_dest4 #banner1 {
								float: left;
								margin-right: 10px;
							}
							
							#col_dest4 #banner2 {
								float: left;
							}

/* ------------------------------------------------------------------------------------- */

				/* LISTA DE NOTÍCIAS : HOME, EDITORIA, BUSCA, ... */
				.not_list {
					float: left;
					width: 100%;
					margin-top: 15px;
					border-bottom: dotted 1px #E0E0E0;
				}
				
					.not_list img {
						width: 100%;
					}
					
					.not_list .img_list {
						float: left;
						width: 140px;
						height: 88px;
						overflow: hidden;
						margin-right: 10px;
						margin-bottom: 5px;
					}
					
					.not_list .tit_list {				
						font-size: 20px;
						line-height: 20px;
						color: #000;
						margin-bottom: 5px;
					}
					
						.not_list .chapeu_list {
							font-size: 12px;
							color: #FFFFFF;
							margin-bottom: 1px;
							text-transform: uppercase;
							float: left;
							padding: 4px 6px;
							background-color: #004A83;
							margin-right: 10px;
						}
						
						.not_list .tit_list a {	
							color: #000;
						}
					
					.not_list .chamada_list {
						font-size: 14px;
						line-height: 16px;
						margin-bottom: 10px;
					}
					
					.not_list .relacionada {
						font-size: 14px;
						line-height: 14px;
						color: #004A83;
						margin-top: 5px;
						clear: left;
					}
					
						.not_list .relacionada a{
							color: #004A83;	
						}
						
						.not_list .relacionada span{
							font-size: 16px;
							margin-right: 5px;
							margin-left: 5px;
							font-weight: bold;
						}
						
				#btn_todas_noticias{
					float: left;
					margin-top: 15px;
					font-size: 16px;
					color: #004A83;
				}
				
					#btn_todas_noticias a {
						color: #004A83;
					}

/* ------------------------------------------------------------------------------------- */


				/* título editoria */
				.tit_editoria {
					margin: 15px 0 20px 0;
					font-size: 24px;
					color: #D61D00;
				}

				/* HOME AREA */
				#home_area {
					padding: 50px 0;
				}
					#col_1_2 {
						float: left;
					}
				
						#col_1_2 .banner {
							margin-top: 30px;
						}

						#home_area #col1_home, #home_area #col2_home {
							float:left;
							width: 320px;
							margin-right: 20px;
							border-top: solid 3px #183A52;
						}
					
					/* COLUNA DE PUBLICIDADE */
					#home_area #col_publicidade {
						float: right;
						width: 300px;
						/*border-top: solid 3px #E0E0E0;*/
					}
					
					#col_publicidade .banner {
						margin-bottom: 10px;
					}

					
/* ------------------------------------------------------------------------------------- */

				/* MAIS LIDAS */
				#cx_mais_lidas {
					padding-top: 20px;
					margin-bottom: 10px;
					border: solid 1px #E0E0E0;
					border-top: solid 3px #E0E0E0;
				}
				
					#cx_mais_lidas #tit_mais_lidas {
						font-size: 16px;
						color: #000000;
						padding-left: 20px;
						margin-bottom: 10px;
						text-transform: lowercase;
						border-bottom: solid 1px #E0E0E0;
						padding-bottom: 15px;
						font-weight: bold;
					}

					#cx_mais_lidas .cx_posicao {
						border-bottom: dotted 1px #E0E0E0;
						width: 278px;
						padding: 6px 0;
						margin: 0 10px;
						margin-bottom: -1px;
					}
					
						#cx_mais_lidas .number {
							float: left;
							margin: 10px 5px 10px 20px;
							font-size: 24px;
							color: #E0E0E0;
							width: 12px;
						}
						
						#cx_mais_lidas .titulo {
							float: left;
							margin: 2px 0 10px 5px;
							width: 236px;
							line-height: 14px;
							color: #333333;
							font-size: 14px;
						}
						
							#cx_mais_lidas .titulo a {
								color: #333333;
							}
							
/* ------------------------------------------------------------------------------------- */
				
				/* PROTEJE AREA CONTEÚDO */
				#destaque_home_area, #home_area {
					background-image:url(../bgsite/bg_content.gif);
					background-position: center top;
					background-repeat:repeat-y;
				}

/* ------------------------------------------------------------------------------------- */

				/* BOTTOM AREA */
				#bottom_area {
					border-top: solid 20px #001A2D;
					background: #183A52;
					padding: 30px 0;
				}
				
					#menu_rodape {
						float: left;
						width: 150px;
					}
					
						#menu_rodape .tit_menu_rodape {
							color: #FFFFFF;
							font-size: 16px;
							margin-bottom: 10px;
							padding-bottom: 5px;
							border-bottom: solid 1px #617A92;	
						}
						
						#menu_rodape li {
							line-height: 16px;
						}
						
							#menu_rodape li a {
								color: #FFFFFF;
							}
							
/* ------------------------------------------------------------------------------------- */

				/* EDITORIAS */
				#editoria_ultimas_noticais {
					margin-right: 20px;
				}

				#tit_editoria {
					float: left;
					width: 100%;
					font-size: 38px;
					color: #000;
					border-bottom: solid 1px #E0E0E0;
					padding-bottom: 5px;
					line-height: 36px;
					text-transform: uppercase;
				}
				
				/* MENU SUB-EDITORIA */
				#menu_subeditoria {
					float: left;
					width: 100%;
					background-color: rgb(245, 245, 245);
					margin-bottom: 30px;
				}
				
					#menu_subeditoria ul {
						padding:0px;
						margin:0px;
						list-style:none;
					}
					
					#menu_subeditoria ul li {
						display: inline;
					}
												
						#menu_subeditoria ul li a {
							padding: 10px;
							display: inline-block;
						 
							/* visual do link */
							font-size: 14px;
							margin-right: -2px;
							position: relative;
						}
						
						#menu_subeditoria ul li a:hover {
							background-color:#333333;
							color: #FFFFFF;
						}
						
						#menu_subeditoria ul li .ativa {
							background-color:#333333;
							color: #FFFFFF;
						}


				#col1_editoria {
					float: left;
					margin-right: 20px;
					width: 160px;
				}
					
				#col2_editoria {
					float: left;
					width: 500px;
				}

					#destaques{
						margin-bottom: 25px;
					}
					
						/* DESTAQUE PRINCIPAL*/
						#destaques #destaque1 {
						}

						#destaques #destaque1 .img_destaque {
							float: left;
							height: 220px;
							overflow: hidden;
						}

						#destaques #destaque1 .tit_destaque {
							float: left;
							line-height: 24px;
							font-size: 24px;
							margin: 5px 0;
							clear:both;
						}
							#destaques #destaque1 .tit_destaque a {
								color: #000000;
							}
							
							#destaques #destaque1 .chapeu_list {
								font-size: 14px;
								color: #FFFFFF;
								margin-bottom: 2px;
								text-transform: uppercase;
								float: left;
								padding: 5px;
								background-color: #004A83;
								margin-top: -20px;
							}

						#destaques #destaque1 .desc_destaque {
							float: left;
							line-height: 14px;
							font-size: 14px;
							margin-bottom: 20px;
						}
						
						
						/* DESTAQUES SECUNDÁRIOS */
						#destaques #destaque2 {
							float: left;
							width: 230px;
							margin-right: 20px;
						}

							#destaques #destaque2 .img_destaque {
								float: left;
								height: 100px;
								width: 100%;
								overflow: hidden;
								margin-bottom: 10px;
							}
							
								#destaques #destaque2 .img_destaque img{
									width: 100%;
								}

						#destaques #destaque2 .chapeu_list {
							font-size: 11px;
							color: #FFFFFF;
							margin-bottom: 2px;
							text-transform: uppercase;
							float: left;
							padding: 3px;
							background-color: #004A83;
							margin-right: 10px;
						}

						#destaques #destaque2 .tit_destaque {				
							font-size: 20px;
							line-height: 20px;
							color: #000;
							margin-bottom: 10px;
						}
							
							#destaques #destaque2 .tit_destaque a {	
								color: #000;
							}
						
						#destaques #destaque2 .desc_destaque {
							font-size: 14px;
							line-height: 16px;
						}



					/* BANNER CENTRO */						
					#banner_centro {
						margin-bottom: 25px;
					}
					
					/* ULTIMAS NOTICIAS */
					#tit_ultimas_noticias {
						font-size: 22px;
						color: #000;
						border-bottom: solid 1px #E0E0E0;
						padding-bottom: 10px;
					}


/* ------------------------------------------------------------------------------------- */

					/* PAGINAÇÃO */
					#paginacao {
						position:relative;
						width:auto;
						margin-top: 10px;
						float: left;
						clear:both;
						}
					
						#paginacao ul{
								padding:0px;
								margin:0px;
								list-style:none;
							}	
					
							#paginacao ul li{
								display:inline;
								}
								
								#paginacao ul li a{
										padding: 10px 10px;
										display: inline-block;
									 
										/* visual do link */
										font-size: 16px;
										position: relative;
									}
									
									#paginacao ul li a:hover {
										background-color:#333333;
										color: #FFFFFF;
									}
				
									#paginacao ul li a img{
										border:none;
										}
				
					#paginacao .page_on{
							padding: 15px 10px;
							display: inline-block;
							
							background-color:#333333;
							color: #FFFFFF;
							font-size: 16px;
						}
/*				
					#paginacao .seta_primeira_pagina img {
						border-left: solid 1px #dcdcdc;
						margin:0px;
						padding:0px;
						}
					#paginacao .seta_primeira_pagina a {
						margin:0px;
						padding:0px;
						}
				
					#paginacao .seta_pagina_anterior img {
						border-left: solid 1px #dcdcdc;
						border-right: solid 1px #dcdcdc;
						margin:0px;
						padding:0px;
						}
					#paginacao .seta_pagina_anterior a {
						margin-left:0px;
						padding-left:0px;
						}
				
					#paginacao .seta_proxima_pagina img{
						border-left: solid 1px #dcdcdc;
						border-right: solid 1px #dcdcdc;
						margin:0px;
						padding:0px;
						}
					#paginacao .seta_proxima_pagina a{
						margin-right:0px;
						padding-right:0px;
						}
				
					#paginacao .seta_ultima_pagina img{
						border-right: solid 1px #dcdcdc;
						margin:0px;
						padding:0px;
						}
					#paginacao .seta_ultima_pagina a{
						margin:0px;
						padding:0px;
						}
*/
/* ------------------------------------------------------------------------------------- */


					/* REDE SOCIAL */

					#redes_socias{ 
						float: left;
						margin-top: 20px;
						height: 31px;
						clear: left;
						width: 100%;
						border-bottom: dotted 1px #E0E0E0;
						border-top: dotted 1px #E0E0E0;
						padding-top: 12px;
					}
					
						#redes_socias #btn_pinterest {
							float: left;
							margin-right: 30px;
						}

						#redes_socias #btn_twitter {
							float: left;
						}
						
						#redes_socias #btn_google {
							float: left;
						}
						
						#redes_socias #btn_face {
							float: left;
						}

/* ------------------------------------------------------------------------------------- */

					/* NOTÍCIA */
					#col_noticia {
						float: left;
						width: 660px;
					}
					
						#col_noticia #chapeu{
							font-size: 14px;
							color: #FFFFFF;
							margin-bottom: 2px;
							text-transform: uppercase;
							float: left;
							padding: 5px;
							background-color: #004A83;
						}
						
						#col_noticia #titulo{
							padding-top: 5px;
							font-size: 36px;
							line-height: 34px;
							color: #000;
							clear: both;
						}
						
						#col_noticia #data{
							float: left;
							margin-top: 10px;
							font-size: 12px;
							clear: both;
						}

						#col_noticia #chamada{
							float: left;
							font-size: 18px;
							line-height: 18px;
							margin-top: 5px;
							font-style: italic;
							color: #333333;
						}

						#col_noticia #foto_destaque{
							float: left;
							margin-top: 20px;
							width: 660px;
							overflow: hidden;
							max-height: 160px;
							border: solid 1px #999999;
						}
						
							#col_noticia #foto_destaque img {
								width: 100%;
							}
						
						#col_noticia #creditos_foto {
							float: left;
							padding: 8px;
							background-color: rgb(243, 243, 243);
							width: 644px;
							border: solid 1px #999;
							margin-top: -1px;
							font-size: 12px;
							color: #000000;
							line-height: 12px;
						}							

						#col_noticia #texto{
							float: left;
							font-size: 14px;
							line-height: 18px;
							margin-top: 20px;
						}
						
							#col_noticia #texto img{
								max-width: 660px;
							}
						
							#col_noticia #texto p {
								margin-bottom: 15px;
							}
							
							#col_noticia #texto table{
								border-collapse: collapse;
							}
								#col_noticia #texto tbody{
									padding: 0;
								}
									#col_noticia #texto tr{
										padding: 0;
									}
									#col_noticia #texto td{
										border: 1px solid #ddd;
										padding: 5px !important;
										vertical-align: top;
									}

						/* video  */
						#col_noticia #video{
							float: left;
							margin: -20px 0 20px 0;
							text-align: center;
							background-color: #000000;
							width: 640px;
							padding: 15px 10px;
						}

						/* fonte  */
						#col_noticia #fonte{
							margin: 20px 0;
							border-bottom: dotted 1px #E0E0E0;
							padding: 0 0 20px 0;
							float: left;
							width: 660px;
						}
						
							#col_noticia #fonte span{
								margin-right: 10px;
							}
						
						/* tags  */
						#col_noticia #tags{
							margin: 20px 0;
							border-bottom: dotted 1px #E0E0E0;
							padding: 0 0 20px 0;
							float: left;
							width: 660px;
						}

							#tags a {
								display: inline-block;
								background: url(../img/tag_bg.png);
								height: 20px;
								line-height: 20px;
								padding: 0 7px 0 15px;
								margin: 5px 5px 0 0;
								font-size: 11px;
								color: #656565;
								text-shadow: 0 1px 0 rgba(255,255,255,1);
								-moz-border-radius: 0 3px 3px 0;
								-webkit-border-top-right-radius: 3px;
								-webkit-border-bottom-right-radius: 3px;
								border-radius: 0 3px 3px 0;
							}
							
								#tags a span {							
									line-height: 20px;
									font-size: 11px;
									color: #656565;
									text-shadow: 0 1px 0 rgba(255,255,255,1);
								}
								
							#tags a:hover{
								background-color: #AAAAAA;
								color: #333333;
							}
							
						/* fotos */
						#col_noticia #fotos{
							float: left;
							width: 675px;
						}
						
							#col_noticia #fotos .foto{
								float: left;
								width: 158px;
								margin-right: 10px;
								overflow: hidden;
								margin-bottom: 10px;
								height: 100px;
							}
							
								#col_noticia #fotos .foto img{
									width: 100%;
								}

						/* noticias relacionadas */
						#col_noticia #not_relacionadas{
						}
						
							#col_noticia #tit_relacionadas {
								font-size: 16px;
								margin-top: 20px;
								float: left;
								padding-bottom: 5px;
								border-bottom: solid 1px #E0E0E0;
								width: 100%;
								margin-bottom: 10px;
							}
						
							#not_relacionadas .relacionada{
								font-size: 12px;
								color: #004A83;
								margin-top: 5px;
								clear: left;
							}

								#not_relacionadas .relacionada a{
									color: #004A83;	
								}
								
								#not_relacionadas .relacionada span{
									font-size: 16px;
									margin-right: 5px;
									margin-left: 5px;
									font-weight: bold;
								}
								
								
								
/* ------------------------------------------------------------------------------------- */
		
					/* CONTATO */
					#contato_area input[type="text"], #contato_area textarea, #contato_area select {
						width: 60%;
						padding: 5px;
						font-size: 14px;
					}
					
					#contato_area #estado2, #contato_area #cidade2{
						width: 35%;
					}
					
					#contato_area #telefone{
						width: 20%;
					}
	
					#contato_area #enviar {				
						padding: 10px 20px;
						border: 0;
						float: left;
						clear: left;
						cursor: pointer;
					}
					
					#contato_area #loading {		
						float: left;
						margin-top: 10px;
						margin-left: 20px;
					}
					
					#msg_email {
						clear:both;
						font-size: 18px;
						line-height: 24px;
					}
					
					#link_voltar {
						font-size: 14px;
						margin-top: 20px;
						float: left;	
					}
	
					#captcha_area {
						border: solid 1px #ECECFB;
						float: left;
						margin-bottom: 20px;
						padding: 20px;
					}
						#captcha_area #captcha_desc {
							float: left;
						}
					
						#captcha_area #captcha_campo {
							width: 100px;
							clear: left;
							float: left;
							font-size: 14px;
							padding: 5px;
							margin-top: 20px;
							margin-right: 20px;	
						}
	
						#captcha_area img {
							float: left;
						}
						
						#captcha_area #troca_imagem {
							border: none;
							float: right;
							width: 200px;
							clear: left;
							cursor: pointer;
							background-color: #FFF;
							color: #999999;
							text-align:center;
							margin: 0;
							padding: 0;
						}
						
/* ------------------------------------------------------------------------------------- */
		
					/* GALERIA DE FOTOS */

	#col_galeria {
		float: left;
		width: 660px;
		}
		
		#col_galeria #redes_socias {
		border-bottom: dotted 1px #333;
		border-top: dotted 1px #333;
		}
		
		#col_galeria h1 {
			font-size: 36px;
			line-height: 38px;
			color: #FFFFFF;
			width: 100%;
			float: left;
			}
			
			#col_galeria h4 {
				color: #999;
				font-size: 16px;
				line-height: 16px;
				margin-top: 10px;
				float: left;
				}
				
			#col_galeria .data_album {
				font-size: 14px;
				color: #666;
				float: left;
				width: 100%;
				margin: 10px 0;
				}
				
		#col_galeria .area_album_width {
			position: relative;
			float: left;
			text-align: center;
			overflow: hidden;
			width: 150px;
			height: 100px;
			margin: 15px 15px 0 0;
			}
		
				.area_album_table {
					text-align: center;
					display: table;
					position: relative;
					overflow: hidden;
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 0;
					}
				
				.area_album_cell {
					display: table-cell;
					vertical-align: middle;
					}
					
					.area_album_cell img {
						width: 100%;
						}
							
			
	
	
	
	
		.galeria_item{
			float: left;
			margin-right: 15px;
			width: 150px;
			}
		
			.galeria_item .img_list{
				overflow: hidden;
				width: 150px;
				height: 100px;
				}
		
				.galeria_item .img_list img{
					width: 100%;
					}
			
			.galeria_item .tit_list{
				padding: 5px 0 10px 0;
				min-height: 40px;
				font-size: 16px;
				line-height: 18px;
				color: #FFFFFF;
				}
				
				.galeria_item .tit_list a{
					color: #FFFFFF;
					}

Também estou usando um CSS Reset

@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

Diéssica · Maio 31, 2013

Testei no IE e aqui funcionou certinho. Poderia disponibilizar um print screen aqui? O que ocorre? O CSS não carrega?

Web_avallon · Maio 31, 2013

A Diéssica tem razão colega. Na verdade, procurei e não achei nenhum erro no CSS. E aqui no meu IE também funcionou certo. Pode ser algum plugin desinstalado. Daqueles do tipo --> "essa página precisa de plugins para funcionar corretamente", sabe? Tente reinstalar o IE e como a DIéssica disse, poste um print :D

ezequielgodoy · Junho 5, 2013

Amigos, estive imerso em um projeto que precisa entregar urgentemente, por isso peço desculpas pela demora em responder.

Estou usando o IE9, versão 9.0.8112.16421 com nível de codificação 256-bit e windows.

Já limpei o cache, histórico e tudo o que podia limpar.

Acontece que ao acessar o site a página inicial carrega tudo certinho, porém quando acesso uma editoria carrega apenas parte do css.

Por exemplo, este link http://www.brusquenews.com/noticia/cidade, para mim carrega tudo desconfigurado.

Não tenho ideia do que acontece.

Segue abaixo um print da página como me é exibida.

Web_avallon · Junho 6, 2013

Sem problemas amigão!

Se na página inicial está tudo funcionando corretamente, veja se as subpáginas estão com a estrutura parecida. Veja se quando você chama o css, ele está no mesmo local. Já ocorreu isso uma vez comigo, quando "posicionei" o chamado do css de forma diferente. Dessa forma, o navegador leu o HTML antes do css.

Creio que pode ser isso, caso não, pode também a parte de HTML aqui por favor!

Abraços

ezequielgodoy · Junho 17, 2013

A chamada ao css está idêntica.

Não consigo encontrar o problema.

Será que terei que refazer o css de todo o site?

William Bruno · Junho 17, 2013

o validador é muito útil:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.brusquenews.com%2Fnoticia%2Feducacao&charset=%28detect+automatically%29&doctype=Inline&group=0

veja oque ele disse:

Comments seen before doctype. Internet Explorer will go into the quirks mode.

pronto. Valide teu documento na w3c.

ezequielgodoy · Junho 17, 2013

Amigos, validei e resolveu.

Ainda tem alguns detalhes que preciso validar mas já deu para resolver o problema.

Obrigado!

Arquivado

Falha na renderização do site no IE9

Recommended Posts

ezequielgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Web_avallon 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

ezequielgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Diéssica 140

Compartilhar este post

Link para o post

Compartilhar em outros sites

Web_avallon 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

ezequielgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Web_avallon 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

ezequielgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

ezequielgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Girls From Your Town - Anonymous Casual Dating - No Selfie

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Fóruns

Tempo Real

Informação importante