Hello again,
Thanks to excellent advice from Ian Young and David Laakso, I've made a
great deal of progress on my design
(http://www.uhv.edu/bus/smbao/defaulta.asp). However, now I have a page
that looks essentially the way I intend it to in all of the browsers
I've tested so far except for IE, where the left navigation appears
below the majority of the page content. After working on it for the
better part of a day, I think I've narrowed the problem down to one
division, but I can't figure out what's wrong. Here's the basic HTML:
<div id="wrapper1" class="clearfix">
<div id="wrapper2" class="clearfix">
<div id="rolenav">ul</div>
<div id="wrapright">
<div id="testimonial">img, text</div>
<div id="center">text</div>
<div id="right">img, text</div>
</div wrapright>
<div="mainnav">ul, img</div>
<div="copy">text</div>
</div>
</div>
The problem may be in #mainnav, given that if I insert random text
between the end of #wrapright and the beginning of #mainnav it shows up
exactly where it's supposed to. Here's the CSS for #mainnav:
div#mainnav {
background-color: #ccbb88;
border: 2px solid #FFFFFF;
border-top: 0px;
border-bottom: 0px;
margin-right: 605px;
}
On the other hand, taking out that division tag only pulls part of the
navigation up, so it's possible I've got an error in an unordered list
within the division.
All ideas and suggestions welcome!
Thanks,
Jane
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
