Lucian Teo wrote:
Hey guys,
I'm invoking the CSS gods out there once again.
The page I'm working on (http://tribolum.com/test/navmedia/about/) displays perfectly (so far) in Firefox and Safari, but IE6/PC bombs it. Big surprise there.
For the h1 <span> element (image replacement) I use a -20px margin to undo a 20px margin set on the content div. IE6/PC lines up the image correct horizontally, but pushes it up 20px into the navigation bar.
I also use a negative -40px margin-bottom on the h1 element to pull the "Who Are We?" up. On Firefox, I can do a -50px. On Safari I can only do a -40px, while on IE/Mac, the heading disappears under the h1 graphic.
I'm tempted to perform a kill bill volume 3 on my own.
Lucian
***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
Hi Lucian!
I had the same problem with margins in IE. I fixed margin problems in my css by some hacks, but I couldn't force IE 5.5 to output it right. So, I used browser detect script[1] and created file called ie55.css with right margins for IE 5.5. In the <head> element I included the following lines:
<script type="text/javascript" src="browser_detect.js"></script>
<script type="text/javascript">
if(browser.isIE55 == true)
{
document.write('<link rel="stylesheet" type="text/css" href="ie55.css">');
}
</script>
[1] http://www.dithered.com/javascript/browser_detect/index.html
Good luck!
Peter A. Shevtsov
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************