Gap between header and sidebar image
GiorgosK - January 13, 2008 - 13:26
| Project: | Amadou |
| Version: | 6.x-1.1 |
| Component: | User interface |
| Category: | bug report |
| Priority: | minor |
| Assigned: | jwolf |
| Status: | active |
Description
I can temprorary fix it using
#sideBars-bg {
margin:-2px 0 0 0;
}but I don't think assigning negative margins is a good solution,
just posting it so I won't forget it, feel free to close the issue
#1
A better solution might be to assign
#header {height:112px;in layout.css (line 15)
but IE seems to be needing the height to be 111px
it seems like some extra margin or padding in the header might be causing this
#2
Would you be so kind to provide either a link to your site where this is happening or a screenshot?
Also, which browsers (and version(s)) are you referring to?
Thanks
#3
THe site is not live so I can't give URL
but here is a screenshot
this happens with both firefox latest 2.0.0.11
and IE6 when tested
hope it helps
#4
Changing the height on the header is the best solution:
layout.css (line 15)
#header{
clear:both;
height:112px;
margin:0;
padding:0;
width:960px;
}
For the woefully inept IE6, we'll just add the header (minus a pixel from the height) to IE's style sheet:
ie-fixes/ie6.css
#header{
clear:both;
height:111px;
margin:0;
padding:0;
width:960px;
}
I will add the changes to next the release. This will also be added to the 5.x version as well.
Thank you