Publicado em 6 de ago.

Div's todas desalinhadas no Ie7

Boas pessoal é o seguinte, tenho estado a construir um site e tenho usado o Ie8 e o fire, quando fui visualizar no Ie7 esta completamente torto e não sei o que se passa.

Ie7 - Imagen...

/applications/core/interface/imageproxy/imageproxy.php?img=http://d-rm.net/outros/rodrigo/11.png&key=01b350f2fdf39fd2f6af1c30314cf1fd638f035483bf65020a6e06bf64f843f4" alt="Imagem Postada" />

Código da página...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rodriguinho na net - Diário do Rodrigo desde o seu nascimento...</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<style type="text/css">

<!--
body,td,th {

	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #333333;
}

.style1 {color: #5091EA}
.clouds { background:transparent; background-image:url(images/bg.png); repeat-x 0 bottom; width:100%; height:330px; }
ol,ul {list-style:none;}
-->
</style>

<script type="text/javascript">

var Timer;

function ScrollLeft()

{

Timer = setInterval("document.getElementById('panorama').scrollLeft -= 1", 5); //you can set the scrollLeft value greater or less than 4, greater means faster scrolling, lesser means slower
//you are recommended set it to 5, 10 milliseconds…the response will be slower if set it higher

}

function ScrollRight()
{

Timer = setInterval("document.getElementById('panorama').scrollLeft += 1", 5);

}

</script>

<script type="text/javascript" src="css/jquery.js"></script>
<script type="text/javascript" src="css/iframe.js"></script>

<script language=JavaScript>
var message="";

///////////////////////////////////

function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if

(document.layers||(document.getElementById&&!document.all)) {

if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)

{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
</SCRIPT>

<script type="text/javascript">
function UR_Start()

{

	UR_Nu = new Date;
	UR_Indhold = showFilled(UR_Nu.getHours()) + ":" + showFilled(UR_Nu.getMinutes()) + ":" + showFilled(UR_Nu.getSeconds());
	document.getElementById("ur").innerHTML = UR_Indhold;
	setTimeout("UR_Start()",1000);
}
function showFilled(Value)

{

	return (Value > 9) ? "" + Value : "0" + Value;
}

</script>

	<script type="text/javascript" src="css/jquery-1.3.1.min.js"></script>

	<script type="text/javascript">

 // speed in milliseconds
	var scrollSpeed = 70;

	// set the default position
	var current = 0;

	// set the direction
	var direction = 'h';

	function bgscroll(){

 // 1 pixel row at a time
 current -= 1;

 // move the background with backgrond-position css properties
 $('div.clouds').css("backgroundPosition", (direction == 'h') ? current+"px 0" : "0 " + current+"px");

	}

	//Calls the scrolling function repeatedly
 setInterval("bgscroll()", scrollSpeed);

	</script>

</head>
<body onload="UR_Start();">
<div class="clouds">
<div align="center">
 <table align="center" width="101" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="101"><div id="top">
 <div style="padding-left:330px; margin-top:110px; height:70px; width:180px; float:left;">
 <div align="center" class="amarelo">
 <script language="JavaScript1.2" type="text/javascript">

//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de

var message="Olá caro visitante ou amigo, Seja bem vindo ao site oficial do Rodriguinho!!!"
var neonbasecolor="#E39A17"
var neontextcolor="#AD3FE3"
var neontextcolor2="#8FD10D"
var flashspeed=50 // speed of flashing in milliseconds
var flashingletters=20 // number of letters flashing in neontextcolor
var flashingletters2=20 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}

else document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color

if (n==0){
for (m=0;m<message.length;m++)

crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed) } beginneon()

 </script>
 <img src="smiles/8.gif" width="30" height="20" /> </div>
 </div>
 <div style="float:right;"><img src="images/lua.png" width="180" height="150" /> </div>
 </div>
 <div id="top_1_left"></div>
 <div id="top_4"></div>
 <table width="100" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><div id="seta_left">
 <div align="right"><a href="#" onmouseover="ScrollRight()" onmouseout="clearInterval(Timer)"><img style="border:0;" src="images/seta_1.png" onmouseover="javascript:this.src='images/seta_1_1.png'" onmouseout="javascript:this.src='images/seta_1.png'" /></a></div>
 </div></td>
 <td><div id="zona_fotos">
 <div id="panorama" style="overflow:hidden">
 <table>
 <tr>
 <td><img src="images/logo.jpg" width="200" height="64"/> </td>
 <td><img src="images/logo.jpg" width="200" height="64"/> </td>
 <td><img src="images/logo.jpg" width="200" height="64"/> </td>
 <td><img src="images/logo.jpg" width="200" height="64"/> </td>
 <td><img src="images/logo.jpg" width="200" height="64"/> </td>
 </tr>
 </table>
 </div>
 </div> </td>
 <td><div id="seta_rigth">
 <div align="left"><a href="#" onmouseover="ScrollLeft()" onmouseout="clearInterval(Timer)"><img style="border:0;" src="images/seta_2.png" onmouseover="javascript:this.src='images/seta_2_2.png'" onmouseout="javascript:this.src='images/seta_2.png'" /></a></div></div></td>
 </tr>
 </table>
 <div id="conteudo_top">
 <table width="100" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><div id="conteudo_top1">
 <div id="conteudo_player">
 <object type="application/x-shockwave-flash" data="player/player_mp3_multi.swf" width="227" height="122">
 <param name="movie" value="player/player_mp3_multi.swf" />
 <param name="wmode" value="transparent" />
 <param name="FlashVars" value="config=player/config_multi.txt&width=227&height=122" />
 <embed src="player/player_mp3_multi.swf" width="227" height="122" wmode="transparent" flashvars="config=config_multi.txt&width=227&height=122"></embed>
 <p>Necessita de instalar o Flahs para poder visualizar o objecto...</p>
 </object>
 </div>
 <div id="conteudo_font"><img src="css/blank.gif" alt="ee" width="40" height="30" /><img src="css/blank.gif" width="15" height="30" /><img src="css/blank.gif" alt="22" width="40" height="30" /></div>
 </div></td>
 <td><div id="conteudo_top2">
 <div id="conteudo_relogio"><font id="ur" size="6" face="tahoma" color="#5091EA"></font></div>
 <div id="conteudo_calendario"><div><script language="JavaScript">

<!--//Begin

monthnames = new Array(
"Janeiro De",
"Fevereiro De",
"Março De",
"Abril De",
"Maio De",
"Junho De",
"Julho De",
"Agosto De",
"Setembro De",
"Outubro De",
"Novembro De",

"Dezembro De");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)

&& !(thisyear % 100 == 0))

||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("");
document.write("<table class='fonte' font-color:#5091EA;' size='8' font-family:tahoma;" );
document.write(" cellpadding=0 cellspacing=5>");

document.write("<tr><td colspan=7 class='mes_ano' height=15><center><font color='#5091EA' size='2' face='tahoma'><b>"

+ monthnames[thismonth] + " " + thisyear

+ "</font></center></td></tr>");
document.write("<tr>");
document.write("<td align=right class='feira'><font color='#E39A17' size='2' face='arial'>D</font></td>");
document.write("<td align=right class='feira'><font color='#E39A17' size='2' face='arial'>S</font></td>");
document.write("<td align=right class='feira'><font color='#E39A17' size='2' face='arial'>T</font></td>");
document.write("<td align=right class='feira'><font color='#E39A17' size='2' face='arial'>Q</font></td>");
document.write("<td align=right class='feira'><font color='#E39A17' size='2' face='arial'>Q</font></td>");
document.write("<td align=right class='feira'><font color='#E39A17' size='2' face='arial'>S</font></td>");
document.write("<td align=right class='feira'><font color='#E39A17' size='2' face='arial'>S</font></td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td align=right><font color='#5091EA' style='font-size : 9pt;' face='tahoma'> </font></td>");
}
count=1;

while (count <= monthdays[thismonth]) {

for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td align=right><font color='#5091EA' style='font-size : 9pt;' face='tahoma'>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {

if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {

document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<font color='#AD3FE3' style='font-size : 9pt;' face='tahoma' class='hoje'><b>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}

else {

document.write("");
}
if (count==thisdate) {
document.write("</font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table>");
document.write("</FONT>");

// End -->

</script>
 </div>
 </div></div></td>
 <td><div id="conteudo_top3">
 <div id="conteudo_menus"><a href="home.php" class="tooltip"><img border="0" src="css/blank.gif" width="117" height="16" /><span><b>Home Page</b><br />
 onde irá aparecer todas as novidades do site.</span></a><img border="0" src="css/blank.gif" width="117" height="12" /><img border="0" src="css/blank.gif" width="117" height="16" /><img border="0" src="css/blank.gif" width="117" height="15" /><img border="0" src="css/blank.gif" width="117" height="16" /><img border="0" src="css/blank.gif" width="117" height="16" /><img border="0" src="css/blank.gif" width="117" height="16" /><img border="0" src="css/blank.gif" width="117" height="16" /><img border="0" src="css/blank.gif" width="117" height="19" /><img border="0" src="css/blank.gif" width="117" height="16" /><img border="0" src="css/blank.gif" width="117" height="19" /></div>
 </div></td>
 </tr>
 </table>
 </div>
 <div id="conteudo">
 <iframe src="1.html" width="660px;" height="100%" class="column" scrolling="no" frameborder="0"></iframe>
 <p></p>
 </div> </td>
 </tr>
 </table>
 <div style="background-image:url(images/bb.png); background-repeat:repeat-x;">
 <table width="100" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><div id="fotter"></div></td>
 </tr>
 </table>
 </div>
</div>
<div style="background-image:url(images/foter_bg.png); width:100%" align="center"></div>
 <div style=" background-color:#5091ea; background-image:url(images/foter_bg.png); background-repeat:repeat-x;">
 <div align="right"><img src="images/foter.png" width="800" height="231" /></div>
</div>
</div>
</body>
</html>

Style da página

body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EAEAEA;
	font-family:constantia;
	font-size:15px;
	color:#333333;
	text-align:center;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
}

* {margin:0;padding:0;list-style:none;}

/************************************************************************************** DIV'S DO SITE */

#top {
width:800px;
height:197px;
margin-top:3px;
background-image:url(../images/rodrigo_01.png);
background-repeat:no-repeat;
}
#top_1_left {
width:800px;
height:124px;
background-image:url(../images/top_1.png);
background-repeat:no-repeat;
}
#top_right {
width:451px;
float:right;
height:124px;
}
#top_4 {
width:800px;
height:86px;
background-image:url(../images/top_2.png);
background-repeat:no-repeat;
}
#seta_left {
width:54px;
height:75px;
background-image:url(../images/rodrigo_06.png);
}
#seta_rigth {
width:52px;
height:75px;
background-image:url(../images/rodrigo_08.png);

}
#zona_fotos {
width:649px;
height:75px;
background-image:url(../images/rodrigo_07.png);
background-repeat:no-repeat;
padding-left:20px;
padding-right:25px;
}

#zona_fotos img {

background:#5091EA;
padding:4px; border:#333333 1px solid;
margin-right:5px;
}
#conteudo_top {
width:800px;
height:290px;
}
#conteudo_top1 {
background-image:url(../images/menu1.png);
width:348px;
height:290px;
background-repeat:no-repeat;
}
#conteudo_top2 {
background-image:url(../images/relog.png);
width:200px;
height:290px;
background-repeat:no-repeat;
}
#conteudo_top3 {
background-image:url(../images/menus.png);
width:252px;
height:290px;
background-repeat:no-repeat;
}
#conteudo_player {
width:227px;
height:122px;
padding-top:34px;
margin-left:89px;
}
#conteudo_menus {
padding-left:20px;
padding-top:25px;
width:150px;
}
#conteudo_relogio {
width:171px;
height:47px;
padding-top:42px;
padding-left:15px;
text-align:center;
}
#conteudo_calendario {
width:171px;
height:125px;
padding-top:20px;
margin-left:27px;
text-align:center;
}
#conteudo {
width:660px;
height:auto;
padding-left:70px;
padding-right:70px;
padding-bottom:20px;
background-image:url(../images/rodrigo_10.png);
background-repeat:repeat-y;
line-height:normal;
}
#fotter {
width:415px;
height:72px;
background-image:url(../images/rodrigo_11.png);
background-repeat:no-repeat;
padding-left:385px;
padding-top:88px;
}

/************************************************************************************** DIV'S DO BLOG */
#info { margin-left:35px; }

#info_1 {
width:377px;
height:34px;
background-image:url(../images/info_1.png);
background-repeat:no-repeat;
}
#info_2 {
width:347px;
padding-left:30px;
text-align:left;
background-image:url(../images/info_2.png);
background-repeat:repeat-y;
}
#info_3 {
background-image:url(../images/info_3.png);
background-repeat:no-repeat;
width:377px;
height:37px;
}
#titulos {
	color: #E39A17;
	font-size: 18px;
	padding-left:30px;
	margin-top:15px;
	text-align:left;
	background-image:url(../images/tit.png);
	background-repeat:no-repeat;
	height:20px;
}
#conteudo_testos {
text-align:center;
padding-top:20px;
padding-bottom:20px;
}

#texto { width:584px; padding-left:45px; }

#texto_1 {
background-image:url(../images/texto_1.png);
background-repeat:no-repeat;
width:584px;
height:28px;
}
#texto_2 {
width:584px;
background-image:url(../images/texto_2.png);
background-repeat:repeat-y;
text-align:center;
}
#texto_3 {
width:584px;
height:43px;
background-image:url(../images/texto_3.png);
background-repeat:no-repeat;
}
#links {
padding-top:5px;
text-align:right;
}
#link {
padding:10px;
}
.assinatura {
width:auto;
text-align:right;
padding-top:40px;
padding-bottom:30px;
padding-right:20px;
}
#comentar {
	padding-left:30px;
	padding-top:2px;
	padding-bottom:50px;
	margin-top:30px;
	margin-left:15px;
	text-align:left;
	background-image:url(../images/tit.gif);
	background-repeat:no-repeat;
	height:18px;
}
#pag {
float:right;
}
#comentarios {
padding:10px;
margin-left:40px;
margin-right:40px;
background-color:#ffffff;
text-align:left;
margin-bottom:30px;
border:#AD3FE3 2px dashed;
}

/************************************************************************************** STYLE´S LETRAS E OUTROS */

.azul {color:#5091EA;}
.amarelo {color: #E39A17;}
.amarelo_g {color: #E39A17; font-size:18px;}
.lilas { color:#AD3FE3; }
.img { border:0; }
.img a { border:0;}
.verde { color:#8FD10D; }

/************************************************************************************** STYLE´S LINK'S */

a:link {

	color: #5091EA;
	text-decoration: none;
}

a:visited {

	color: #5091EA;
	text-decoration: none;
}

a:hover {

	color: #E39A17;
	text-decoration: none;
}

a:active {

	color: #5091EA;
	text-decoration: none;
}

a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px; text-align:center;}
a.tooltip:hover span{display:inline; position:absolute; border:2px solid #E39A17; background:#ffffff; color:#5091EA;}

/************************************************************************************** IMPUT'S */

input, textarea, select, button {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#333333;
	padding:2px;
	margin:2px;
	background:#ffffff;
	border:2px solid #AD3FE3 ;
}

agradeçia uma ajuda :)

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...