alinhamento div em css no Chrome, FF e IE 7 no Windows XP
Pergunta
i ter problemas com o alinhamento de divs.
Meu esquema consiste em um div view_central que contém três outros divs nomeadamente view_central_top
, view_central_left
e view_central_right
. Chrome e FF tornar o resultado desejado: a div topo com um bannner, o navigaiton para a esquerda e o conteúdo para a direita.
IE 7 offsets o conteúdo div view_central_right
10 px de alta cobrindo assim parte do view_central_top
bandeira div.
Os olhares código CSS como este:
.view_central
{
position: relative;
width: 827px;
height: 100%;
}
.view_central_top
{
position: absolute;
top: 0xp;
left: 0px;
height: 118px;
width: 828px;
}
.image_borderless
{
border: 0px none;
}
.view_central_left
{
position: relative;
left: 0px;
top: 118px;
width: 187px;
height: 683px;
background: #C7D2EB;
font-size: 11px;
}
.view_central_right
{
position: relative;
left: 0px;
top: 118px;
width: 640px;
height: 683px;
background: #FFFFFF;
}
Alguém pode me ajudar para fora. Obrigado.
Solução
Meu primeiro pensamento - navegador preenchimento ou margens dependente. Um reset CSS (pelo menos para os elementos div
) pode valer a pena tentar.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow