Major layout problems in Netscape/Firefox/Opera pls help

Forum Moderators: not2easy

Message Too Old, No Replies

Major layout problems in Netscape/Firefox/Opera pls help

midi25

10:02 am on Feb 7, 2005 (gmt 0)

Hi I designed my site in IE and have tested it in aol with no problems.

I then viewed it using FireFox and its all over the place. This is the same for Netscape 7.1 and Opera.

I,m using position relatives in my code.

Please help

supermanjnk

1:02 pm on Feb 7, 2005 (gmt 0)

It would help to actually see some of the code.

midi25

1:37 pm on Feb 7, 2005 (gmt 0)

Hi i will post some when I get home am at work at the moment.

I am esentially using <divs> and position relatives. Its fine in aol and IE. But not Opera,Firefox etc.

Thanks

midi25

5:50 pm on Feb 7, 2005 (gmt 0)

Ok here is some code.

This works fine in IE. But for some reason Firefox and Opera dont show my div with the id of addr.

What could be causing this. Thanks

body {
margin:10px 0px; padding:0px;
text-align:center;
overflow:hidden;

scrollbar-face-color: #0000ff;
scrollbar-shadow-color: #00064F;
scrollbar-highlight-color: #00077E;
scrollbar-3dlight-color: #3300CC;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #0000ff;
scrollbar-arrow-color: #fde600;
}

#Header {
width:800px;
margin:0px auto;
text-align:left;
}

#Content
{
margin:0px auto;
padding-bottom:10px;
}

#Footer
{
width:800px;
margin:0px auto;
}

#nav
{
position:relative;
top:-490;
left:-280;
margin-bottom:10;
z-index:1;
}

#addr
{
height:300;
width:161;
position:relative;
bottom:490;
left:-280 ;
font-size:10;
font-family:Arial;
color:#ffffff;
margin-bottom:10;
z-index:2
}

supermanjnk

6:04 pm on Feb 7, 2005 (gmt 0)

could you post the html aswell so we can see how things are nested?

midi25

6:27 pm on Feb 7, 2005 (gmt 0)

Heres the html. It seems to be working fine in IE and Netscape now. But the positionining dosnt seem to be relating right in IE. For eg if I set top:50px; left:100px; Firefox and Netscape will show it ok. But IE will display it well out of position.

It may have something to do with the css body tag. I am using a text align = center to set the content image centralized. And IE may be applying this to anything ontop of the content div.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<LINK rel="stylesheet" type="text/css" href="http://localhost/bikebrothers/StyleSheet3.css">
</head>
<body>

<div id="nav">
<asp:DropDownList ID="ddl" CssClass="textbox" Runat="server">
<asp:ListItem Selected=False>Please Select</asp:ListItem>
<asp:ListItem Value='0'>Home</asp:ListItem>
<asp:ListItem Value='1'>Bikes</asp:ListItem>
<asp:ListItem Value='2'>Accessories</asp:ListItem>
<asp:ListItem Value='3'>Contact</asp:ListItem>
</asp:DropDownList></div>

<div id="addr">
Bike Brothers Limited<br>
2 Loddon Mall<br>
Basingstoke<br>
Hants, RG21 7HY<p>
Tel: 01256 841 001<br>
Fax: 01256 841
919</p>
</div>

</form>
</body>
</html>

Thanks.

RammsteinNicCage

2:29 am on Feb 8, 2005 (gmt 0)

I don't know if this would fix your problem, but you don't have units specified in addr - no px.

Jennifer