Ir para conteúdo

POWERED BY:

Arquivado

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

DeLuvisa

Posição 'relative' desalinha td o layout...

Por , em Desenvolvimento frontend

Recommended Posts

DeLuvisa    0

DeLuvisa
Postado

Olá pessoal, seguinte: Tenho 2 layers no meu site, certo, ambas com um script PHP. A principio eu deixava a posição delas como 'absolute', porém as só ficavam no lugar certo no IE e nos outros browser saia do lugar. Pra resolver isso, coloco a posição como 'relative', assim elas aparecem perfeitamente em qualquer browser.

 

Só tem um detalhe: toda vez que altero a posição para 'relative' o layout inteiro desce 1 linha. Vejam a imagem abaixo:

Imagem Postada

 

Quando passo pra 'absolute' o layout se encaixa perfeitamente. O que pode estar acontecendo? quero somente q saia esse espaço em branco

 

Para terem uma idéia melhor, aí está o código fonte:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>BrasilComp - Soluções em Tecnologia da Informação</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) { //reloads the window if Nav4 resizedif (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script><style type="text/css"><!--#Layer1 {position:relative;font-size:14px;font:"Verdana, Arial, Helvetica, sans-serif";font-style:normal;color:#2E502F;left:5px;top:148px;width:102px;height:35px;z-index:2;}#Layer2 {position:relative;font-size:16px;font:"Verdana, Arial, Helvetica, sans-serif";font-style:normal;left:380px;top:125px;width:137px;height:24px;z-index:3;}--></style></head><body><div id="Layer1"><?phpfunction dataExt($dia,$mes,$ano){$mes_ext = array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro");$dia_semana = array("Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado");$dia_semanaENG = array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");$dext = $dia_semana[array_search(date("D"),$dia_semanaENG)].", ".$dia." de ".$mes_ext[$mes-1]." de ".$ano;return $dext;}$dia = date("d",time());$mes = date("m",time());$ano = date("Y",time());$data = dataExt($dia,$mes,$ano);echo "$data";?></div><div id="Layer2"><?php$hora = date("H");if ($hora >= 0 && $hora < 6) {echo "Boa Madrugada!!";} elseif ($hora >= 6 && $hora < 12){echo "Boa Dia!!";} elseif ($hora >= 12 && $hora < 18) {echo "Boa Tarde!!";}else {echo "Boa Noite!!";}?></div><table width="472" height="149" border="0" cellpadding="0" cellspacing="0"><tr><th width="117" height="44" scope="col"><img src="slices/site_r1_c1.jpg" width="117" height="44"></th><th width="113" scope="col"><img src="slices/site_r1_c3.jpg" width="113" height="44"></th><th width="110" scope="col"><img src="slices/site_r1_c4.jpg" width="110" height="44"></th><th width="132" scope="col"><img src="slices/site_r1_c5.jpg" width="400" height="44"></th></tr><tr><th height="51" scope="row"><img src="slices/site_r2_c1.jpg" width="117" height="58"></th><td><img src="slices/site_r2_c3.jpg" width="113" height="58"></td><td><img src="slices/site_r2_c4.jpg" width="110" height="58"></td><td><img src="slices/site_r2_c5.jpg" width="400" height="58"></td></tr><tr><th height="47" scope="row"><img src="slices/site_r3_c1.jpg" width="117" height="47"></th><td><img src="slices/site_r3_c3.jpg" width="113" height="47"></td><td><img src="slices/site_r3_c4.jpg" width="110" height="47"></td><td><img src="slices/site_r3_c5.jpg" width="400" height="47"></td></tr></table><table width="117" height="0" border="0" align="left" cellpadding="0" cellspacing="0"><tr><th width="117" scope="row"><img src="slices/site_r4_c1.jpg" width="117" height="25"></th></tr><tr><th scope="row"><a href="sysmo.php"><img src="slices/site_r5_c1.jpg" width="117" height="25" border="0"></a></th></tr><tr><th scope="row"><a href="pod1.php"><img src="slices/site_r6_c1.jpg" width="117" height="25" border="0"></a></th></tr><tr><th scope="row"><a href="linux.php"><img src="slices/site_r7_c1.jpg" width="117" height="24" border="0"></a></th></tr><tr><th scope="row"><a href="hardware.php"><img src="slices/site_r8_c1.jpg" width="117" height="24" border="0"></a></th></tr><tr><th scope="row"><img src="slices/site_r9_c1.jpg" width="117" height="24"></th></tr><tr><th scope="row"><img src="slices/site_r10_c1.jpg" width="117" height="24"></th></tr><tr><th scope="row"><img src="slices/site_r11_c1.jpg" width="61" height="102"><img src="slices/site_r11_c2.jpg" width="56" height="102"></th></tr></table><p> </p></body></html>
vlw []'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

DeLuvisa    0

DeLuvisa
Postado

Estranho, mudei as posições para 'absolute' e agora as layers estão perfeitamente alinhadas em tds os browsers!!! é a primeira vez q vejo isso... não me perguntem como fiz pq não tenho a mínima idéia! :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

dah uma olhada no artigo q eu postei... vai dar uma clareada sobre posicionamento...outra coisa, sempre coloque seu conteudo dentro de uma div geral, global... fica muito mais fácil posicionar... ;)

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