I am making a web site for an organization, and this is the first time I am using CSS/XHTML without tables. I wanted to give it a shot to see how it would work. Unfortunately, the site is really messed up in the Mac IE and Safari - the text disappears, menu disappears, images break. I have been looking online, but I can't seem to figure out what I am doing wrong. At first, I had no 'position' field, and then I added 'position: relative' to the div's, but that didn't do a thing. I would appreciate it so much if someone could look at my CSS file and the code to see what I may be doing wrong. I would be so grateful! I have been so frustrated with this not working out on the Mac's that I have almost decided to go back to tables. But that will be my last resort!
Here is the URL for the development site:
<!-- m --><a class="postlink" href="http://www.alteredpixel.com/safespaces">http://www.alteredpixel.com/safespaces</a><!-- m -->
Thank you in advance for any advice you can give me!
Usually Safari is really good. I rarely have problems with it. Did you test your layout in Firefox? You really should. It's the only truly standards compliant browser.
1. Design in Firefox
2. Hack for IE-Win.
3. View in Safari (if it works in Firefox, you're about 98% sure it will work in Safari).
4. View in IE5-Mac and hack away until things look right.
Firefox: <!-- m --><a class="postlink" href="http://www.mozilla.org/products/firefox/">http://www.mozilla.org/products/firefox/</a><!-- m -->
Don't give up. You came to the right place
Here is the URL for the development site:
<!-- m --><a class="postlink" href="http://www.alteredpixel.com/safespaces">http://www.alteredpixel.com/safespaces</a><!-- m -->
Thank you in advance for any advice you can give me!
Usually Safari is really good. I rarely have problems with it. Did you test your layout in Firefox? You really should. It's the only truly standards compliant browser.1. Design in Firefox
2. Hack for IE-Win.
3. View in Safari (if it works in Firefox, you're about 98% sure it will work in Safari).
4. View in IE5-Mac and hack away until things look right.
Firefox: <!-- m --><a class="postlink" href="http://www.mozilla.org/products/firefox/">http://www.mozilla.org/products/firefox/</a><!-- m -->
Don't give up. You came to the right place