Ir para conteúdo

POWERED BY:

Arquivado

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

maktub

Disposição

Por , em Desenvolvimento frontend

Recommended Posts

maktub    0

maktub
Postado

Então estou fazendo assim nas divs:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt"><head><link href="../assets/css.css" rel="stylesheet" type="text/css" /><title>maktub</title></head><body><div id="geralinterna"><div id="topointerna">topo - esse fica certinho</div><div id="ccinterna"><div id="parceriainterna"><div id="menuvertical">Menu vertical - esse fica em uma posição no ff mas no IE desconfigura</div></div><div id="materiainterna">Parceria - esse esta certo</div><div id="conteudointerna"><div id="rodapeinternaright">rodapé direito- tem que ficar assim mesmo pois a página aumenta.</div></div><div id="parceriainterna1">parceria - tem que ficar abaixo do menu vertical</div><div id="rodapeinterna">Este deveria ficar abaixo do Parceria1</div></div></div></body></html>
e no CSS:

 

#geralinterna { width:770px; margin:0 auto } /*margin: 0 auto, somente para alinhar o layout ao centro*/#ccinterna { width:770px; float:right; } /*Englobador*/#topointerna { width:770px; height:69px; background:url('interna_r1_c1.gif') left top no-repeat; }#parceriainterna { width:222px; height:194px; background:url('interna_r3_c1.gif') left top no-repeat; float:left; }#materiainterna { float:right; width:548px; height:70px; background:url('interna_r3_c2.gif') left top no-repeat; }#conteudointerna { width:538px; background:#767340; float:right; padding-right: 10px; }#rodapeinterna { float: left; width:222px; height:54px; background:url('interna_r7_c1.gif') left top no-repeat; }#rodapeinternaright { clear:both; width:548px; height:54px; background:url('interna_r7_c2.gif') left bottom no-repeat; }#parceriainterna1 { width:222px; height:320px; float: left; background:url('default_r5_c1.gif') left top repeat; }#menuvertical { background: #FFFFFF; width:161px; margin-right: 0px; height:153px; margin-left: 20px; }

O problema: bem no FF o reodapé fica abaixo do conteudointerna mas na verdade deveria ficar abaixo no menu vertical, no IE ele desconfigura totalmente.

 

Abaixo uma figura como deveria ficar:

Imagem

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