View Full Version : Layouts in IE and Firefox

08-01-2007, 07:35 PM
Hi there,

I wanted to make buttons for my menu but I didn't want to use a lot of bandwidth so I decided to use Layouts and use the same image button over and over again! I made it in FrontPage with a great success but at the end I found out that the layout doesn't work in FireFox, the writing is all over the place in FireFox.

Here is the code:

<div id="logo" style="position:absolute; left:-1px; top:20px; width: 171px; height: 45px;">

<p align="center"><font face="Tahoma" size="2">TEST LAYOUT</font></div>
<img border="0" id="img1" src="../button22.jpg" height="30" width="150" alt=""></p>

If you apply it in IE it works, but if you apply it in Firefox it doesn't work.

Thanks in advance for your help and support.

Best Regards,

08-01-2007, 08:36 PM
You might want to try something like this instead of using deprecated font tags, align attribute and absolute positioning:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="" rel="stylesheet" type="text/css">
<style type="text/css">
#logo {
background: url(../button22.jpg);
height: 30px;
width: 150px;
#logo p {
text-align: center;
padding-top: 5px;


<div id="logo">


08-02-2007, 03:52 AM
Hi there,

Thanks Jutlander very much. You have saved my life on this one, dont know how to repay you. I have posted this forum in every popular forum I could find but nobody got a solution. Thank you and CodingForums for your help and support.

Thank You.

Best Regards,