...

View Full Version : Layouts in IE and Firefox



private_guy
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>
<p>
<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,
John

Jutlander
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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<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;
}
</style>
</head>

<body>

<div id="logo">
<p>TEST LAYOUT</p>
</div>

</body>
</html>

private_guy
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,
John



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum