Matthew Stoneback wrote:
>
>
> In IE 6 - The right column gets pushed down and under the left column in the
> main content area. The orange navigation bar is too far right. The green
> header backgrounds are too tall in the main content area.
>
Adding display: inline; to selector #messageText will keep the margin
from doubling its width (causing the right column to drop) in IE/6.
Adding display: inline; to selector #bottomNav will keep the margin from
doubling its width and going too far right in IE/6.
Add the below to your style sheet for the too tall green headers:
#frontLeft img, #frontRight img { display: block;}
> In IE 7 - The 3px border under the orange navigation bar is missing.... The
> bar sits tight against the green border.
>
#header {
padding-bottom: 3px; <--- add
/*overflow: auto;*/ <--- delete
overflow: hidden; <--add
}
* html #header {
overflow: visible; <--- keep
/*overflow-x: hidden;*/ <--- delete
}
#topNav {
padding-bottom: 1px; <--- add
}
> >From what I can tell, it looks good in Firefox, Opera, and Netscape (I know,
> it is no longer supported). The new beta version of Safari for Windows has
> some issues with it. I have never seen this site on a Mac, can someone out
> there hook me up with any issues.
>
Changing the width of
#topNav #contact from 116 to 114px may keep some browsers from dropping
"contact us"
> Here is the HTML address:
> http://www.eddysound.com/rrc/index_help.html
>
>
> Matt Stoneback
>
>
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
