Hello,
below the menu, in that part where the main content appear. There appears a 5 - 10px blank line on top of it. Above the main content. Below the main menu. No images can get put there. I have tried to put an image at the very top right under the menu, but a space bar still appears. Does anybody have a clue what I can do to remove the blank line or to put the image right below the top menu?
My solution was to change the img class="header" to the following:
img.header {
margin-left:-16px;
margin-top:-52px;
border: dotted 0px #444444;
}
When I set it to less than -52, the image never gets out of the main content box, and the space line is still visible between the image and the menu bar.
Thanks
Datarunner
Indeed a CSS issue - if you do not already have firefox, go get it, and install the firebug plugin, this will allow you to inspect elements and it will break down the code related to them. It has saved me much frustration. I still have a similar issue to yours on my site within IE6 only, not many of my visitors use IE6 and it is not a horrible result in my case.
There are ways to implement alternate CSS for different browsers - I have done this on my newer site and it looks the same in everything I have tested it on.
firefox -> firebug
CSS -> conditional statements.
Good Luck!
