<!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.
Pergunta
maktub
Então estou fazendo assim nas divs:
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
Editado por maktubLink para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.