css and mac IE

radka · 05-20-2004, 12:13 PM

Hi everyone,

I have only recently started using css (still in combination with layout table) and I don't have too much experience with them.

I am trying to incorporate them into my newest project (still WIP)
http://www.archiczech.com/alexhomes/aboutus.html
and somehow I have managed to get the website look good on all browsers I have (Windows) : IE6, NN7.1, Mozilla Firebird, Firefox and Opera. It looks fine on NN7 for Mac but I am having problem with IE 5.1 for mac.

The text that shold be aligned with the photos on the left appears right bellow the top menu in mac IE. Seems like browser does not see the top-padding specified in stylesheet document.

Does anyhow have any experience with that?

I would also appreciate checking the site in browsers I don't have and any other suggestions you might have.

Thanks

06-06-2004, 05:44 PM

It looks like you h1 is not seeing the space generated by the containing block of the banner image and links, perhaps, in IE 5 for Mac. You could possibly solve this by floating the menu above over everything and using a margin alone to set the tops of the right and left hand columns in CSS, instead of mixing the margins and spacing between them (if that is what you are doing).

If you want some simpler troubleshooting it would probably help everyone who might want to assist you if you posted the relative CSS for the conflicting areas of the page (the JavaScript inclusion makes it more difficult, or rather, time consuming, to read).

Is the top menu positioned with CSS instead of simply being a table? If you're going to use CSS for your layout like that, you are probably best designing the whole page in CSS rather than just a part of it (and for a layout like this it isn't hard to learn and implement).

05-20-2004, 12:13 PM	#1 (permalink)
radka New Member Join Date: May 2004 Posts: 4 7.00 NP$ (Donate)	css and mac IE Hi everyone, I have only recently started using css (still in combination with layout table) and I don't have too much experience with them. I am trying to incorporate them into my newest project (still WIP) http://www.archiczech.com/alexhomes/aboutus.html and somehow I have managed to get the website look good on all browsers I have (Windows) : IE6, NN7.1, Mozilla Firebird, Firefox and Opera. It looks fine on NN7 for Mac but I am having problem with IE 5.1 for mac. The text that shold be aligned with the photos on the left appears right bellow the top menu in mac IE. Seems like browser does not see the top-padding specified in stylesheet document. Does anyhow have any experience with that? I would also appreciate checking the site in browsers I don't have and any other suggestions you might have. Thanks

06-06-2004, 05:44 PM	#2 (permalink)
James Guest Posts: n/a Cash Balance: $0 (Check) 0.00 NP$ (Donate)	It looks like you h1 is not seeing the space generated by the containing block of the banner image and links, perhaps, in IE 5 for Mac. You could possibly solve this by floating the menu above over everything and using a margin alone to set the tops of the right and left hand columns in CSS, instead of mixing the margins and spacing between them (if that is what you are doing). If you want some simpler troubleshooting it would probably help everyone who might want to assist you if you posted the relative CSS for the conflicting areas of the page (the JavaScript inclusion makes it more difficult, or rather, time consuming, to read). Is the top menu positioned with CSS instead of simply being a table? If you're going to use CSS for your layout like that, you are probably best designing the whole page in CSS rather than just a part of it (and for a layout like this it isn't hard to learn and implement).

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)