1 reply [Last post]
dsquared
Offline
newbie
Last seen: 16 years 47 weeks ago
Joined: 2003-12-01
Posts: 1
Points: 0

Hi, I'm new to this forum and to CSS.

I'm trying to do a simple layout for a template site that works fine in IE but netscape 7 doesn't horizontally align the div properly...suggestions or fixes would be appreciated:

You can look at the page (still in progress, only the "news" link works) at:

http://www.d-squared.com/guitar1/news.htm

Here is the style sheet"

BODY {
text-align : center;
background-color : #FDF5E6;
}

DIV#container {
margin: 1em auto;
width: 700px;
border: 1px solid #000;
text-align: left;
font-family : sans-serif;
background-image : url(guitar1.gif);
}

DIV#leftnav
{
float: left;
width: 200px;
margin: 0;
padding: 1em;
margin-left: 50px;
margin-top : 160;
border-right : 1pt solid #8B4513;
font-family : "Times New Roman", Times, serif;
font-style : italic;
font-weight : bolder;
}
DIV#content
{
margin-left: 300px;
margin-top : 100;
padding: 1em;
overflow : auto;
height : 400px;
font-size : 10pt;
margin-right : 0px;
}

.floatleft {
float : left;
margin: 0 0 10px 10px;
clear: right;
}
A {
font-family : "Times New Roman", Times, serif;
font-weight : bolder;
color : #B22222;
text-decoration : none;
}
A:HOVER {
font-family : "Times New Roman", Times, serif;
font-weight : bolder;
color : #D2691E;
text-decoration : underline;
}

Thanks in advance

Dave

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 18 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Netscape 7 layout

Hi Dave,
First thing I would do is give the page a doctype standard compatable doctype.
Then It might just be that IE is wrong as well.
So why not set a width and float the content div left or right and remove the large margin.

Hope that helps