Align in <DIV> causes my site to go crazy in mozilla..

Worker Joined: Jul 07, 2004 Posts: 192

I wanted to put slider into my blocks... I've decided to use div as was shown in the user info block... But something terrible happens when I put align in it... My block is getting wider everytime I highlight a link in it...
But it only happens in mozilla...

Here Is the code... I'm using... for the block...

Code:




<?php








if (eregi("block-Scroll.php",$_SERVER['PHP_SELF'])) {


    Header("Location: index.php");


    die();


}





global $prefix, $multilingual, $currentlang, $db;


       $content .= "<DIV STYLE=\"overflow: auto; width: 200px; height: 150; 


border-left: 0px gray solid; border-bottom: 0px gray solid; 


border-right: 0px gray solid; border-top: 0px gray solid; 


padding:0px; margin: 0px \">";


       $result1 = $db->sql_query("SELECT pid, title FROM ".$prefix."_cnb_pages ORDER BY pid DESC LIMIT 0,10");


while ($row1 = $db->sql_fetchrow($result1)) {   


$baza = $row1['title'];


$bazapid = $row1['pid'];


       $content .= "<table width=\"150\"><td align=\"left\"><a href=modules.php?name=Conteudo&pa=showpage&pid=$bazapid><strong><big>&middot;</big></strong>$baza</a></td></table>";


    }   





       $content .= "</DIV>";


?>

When I put align in the code, so it looks like this:

Code:




$content .= "<DIV STYLE=\"overflow: auto; align=center width: 200px; height: 150; 


border-left: 0px gray solid; border-bottom: 0px gray solid; 


border-right: 0px gray solid; border-top: 0px gray solid; 


padding:0px; margin: 0px \">";

Everything goes crazy...
Can someone help please... Sad

Site Admin/Owner Joined: Aug 27, 2002 Posts: 17088

I believe this
align=center width:

should be
text-align=center; width:

Posted: Mon Oct 25, 2004 6:31 am

Raven wrote:

I believe this
align=center width:

should be
text-align=center; width:

It didn't help... Maybe there's another way to do sliders in a block... and maybe it won't cause problems in mozilla... Smile

Posted: Mon Oct 25, 2004 7:42 am

I've modified the file on my site so you can see what I mean...

Here is the address:
[ Only registered users can see links on this board! Get registered or login! ]

In Opera and in IE everything is OK... But when I load my site in Mozilla or Firefox... News are formatted in wrong possitions, and when you highlight a link in one of the NSN Center Blocks... the block goes crazy... I hope you will be able to help... Smile

Posted: Mon Oct 25, 2004 8:39 am

Looks to me like you have a table for each block there inside a div? Try using one table with 3 columns set the width of the table as 100% and then set the <td width as 33% for each column. This is pretty basic html and a quick search or read of a editors help file should help you out greatly. I don't think Mozilla likes the alignment attribute of the <div tag at least thats been my experience. The going crazy seems to be a size/length issue with the links when I mouse over a link there it changes color and goes bold/underline try removing the bold once and see if that helps.

Posted: Mon Oct 25, 2004 12:01 pm

Thanks for help... Now it works like it should... Smile