M
my-wings
I'm getting my feet wet playing with CSS for the first time and trying to
create a page template. I've told it "strict" (which I thought was supported
by both browser types) but I'm getting very different results in IE (6.0)
and Netscape (7.1).
Here is the url: http://www.mywingsbooks.com/home-2.htm The styles are
included in the header.
My trouble starts here (I think):
div.bodytext {
width: 95%;
margin: auto;
}
ul.navmenu {
background-color: #CCCCFF;
width: 120px;
float: left;
font-size: 70%;
list-style-type: square;
}
ul.navmenu li {padding-bottom: 10px;}
The effect I'm trying to achieve within the "div.bodytext" tag is to have a
shaded column run down the left side of the page. The column should contain
an unordered list with bulleted links. I thought I could do this without
tables, just with CSS, but that may not be practical.
At any rate, this looks almost OK in Netscape, except that I would like to
get the bullets closer to the left hand margin and I'd like the column to
continue down the page, or at least keep the body text from wrapping
underneath it.
It looks awful in IE, and no bullets are appearing at all.
Is there something I can do with this to make it look OK in both browsers,
without having to write a separate page for each?
If it makes any difference, my website visitors are breaking down like this:
53% Windows 6.0
36% Windows 5.5
6% Mac IE (5.0-5.23)
2% Gecko
2% Safari
Thanks for any help and advice you can give.
Alice
create a page template. I've told it "strict" (which I thought was supported
by both browser types) but I'm getting very different results in IE (6.0)
and Netscape (7.1).
Here is the url: http://www.mywingsbooks.com/home-2.htm The styles are
included in the header.
My trouble starts here (I think):
div.bodytext {
width: 95%;
margin: auto;
}
ul.navmenu {
background-color: #CCCCFF;
width: 120px;
float: left;
font-size: 70%;
list-style-type: square;
}
ul.navmenu li {padding-bottom: 10px;}
The effect I'm trying to achieve within the "div.bodytext" tag is to have a
shaded column run down the left side of the page. The column should contain
an unordered list with bulleted links. I thought I could do this without
tables, just with CSS, but that may not be practical.
At any rate, this looks almost OK in Netscape, except that I would like to
get the bullets closer to the left hand margin and I'd like the column to
continue down the page, or at least keep the body text from wrapping
underneath it.
It looks awful in IE, and no bullets are appearing at all.
Is there something I can do with this to make it look OK in both browsers,
without having to write a separate page for each?
If it makes any difference, my website visitors are breaking down like this:
53% Windows 6.0
36% Windows 5.5
6% Mac IE (5.0-5.23)
2% Gecko
2% Safari
Thanks for any help and advice you can give.
Alice