Ir para conteúdo
Fórum Script Brasil
  • 0

Disposição


maktub

Pergunta

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

Editado por maktub
Link 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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...