Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

alex_tp

IE é um saco....

Por , em Desenvolvimento frontend

Recommended Posts

alex_tp    0

alex_tp
Postado

Seguinte... para vocês entenderem minha dificuldade usem o código HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title></title><link rel="stylesheet" type="text/css" href="sheet.css" /></head><body><div class="div-menu">	<div class="itens"></div>	<div class="control"></div></div></body></html>

e o CSS:

 

 

html,body{	height: 100%;	margin: 0px;	padding: 0px;}div,span{	margin: 0px;	padding: 0px;}body{	background-color: #DFDCD5;}.div-menu{	background-color: #F5F5DC;	width: 160px;	height: 100%;}.div-menu .control{	margin-left: 150px;	background-color: #cccccc;	width: 10px;	height: 100%;}.div-menu .itens{	margin: 0px;	background-color: #eeeeee;	width: 150px;	height: 100%;	float: left;}

 

Visualizem nos browser IE e FF e vão logo notar qual é a dificuldade...

 

.....

 

Bom... o que quero fazer é posicionar duas divs dentro de uma.

 

Uma delas com 150px (div-menu .itens) ao lado esquerdo... e a outra com 10px (div-menu .control) ao lado direito.

 

No Firefox é uma maravilha... funciona beleza... mas na inhaca do IE ele dá quebra de linha... to usando o Float e tals mas não adianta ... a m***** do IE não é tão bom quanto o FF em relação a CSS....

 

Alguém sabe como conseguir o resultado que desejo no Internet Explorer???

 

.....

 

Valeu.

Compartilhar este post

Link para o post
Compartilhar em outros sites

dieef5    0

dieef5
Postado

Soh uma pergunta, você verificou seu código antes?! http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif tava sem float:right e tirei o margin-left Da uma olhada: aki funcionou

html,body{ height:100%; margin:0px; padding:0px;}div,span{ margin:0px; padding:0px;}body{ background-color:#DFDCD5;}.div-menu{ background-color:#F5F5DC; width:160px; height:100%; text-align:left;}.div-menu .itens{ margin:0px; background-color: #eeeeee; width:150px; height: 100%; float:left;}.div-menu .control{ margin:0px; background-color: #cccccc; width:10px; height:100%; float:right;}

flw ae

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito