All Mac users - and windows too - IE and Safari?!?

liunx · Jan 9, 2008

Hi there everyone. 
 
I am designing a website in Dreamweaver for OS X. In Safari, it looks awesome, ab perfect. It even works in Netscape. Throw it into IE for Mac or Windows, and it has these evil white gaps. 
 
<a class="postlink" href="http://www.angelfire.com/mo2/edcavanagh/help.html">http://www.angelfire.com/mo2/edcavanagh/help.html</a> 
 
If you don't have Safari or a Mac, I have attached a screen picture. This is what my page SHOULD look like 
If you really wanted to see my bizarro world, throw the code into dreamweaver and see for yourself. I have tried bgcolor tags for the image table, but this makes it uneven with the header image above (the big e-e). 
 
I have re-used those link images, and have used a few coloured in tables as subsitutes for images. This is to save on load time. 
 
Im so frustrated, I've got the align=left tage for all images and tables and everything as you can see, but it just wont work.

I invited everyone to solve this riddle. I am sooo stuck and need help! I will be grateful! Thanks for your time, and good luck.See if this works any better. 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>Ed's page</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<style type="text/css"> 
 
</style> 
</head> 
<body> 
<div id="centered"><div id="wrapper"> 
<div id="colorblock"></div> 
<img style="display:block;border:0;" src=http://www.webdeveloper.com/forum/archive/index.php/"Untitled Document_files/Untitled-3_01.gif" alt=""> 
<div id="container"> 
<div id="left"> 
<img style="display:block;border:0;" src=http://www.webdeveloper.com/forum/archive/index.php/"Untitled Document_files/Untitled-3_03.gif" alt=""> 
<div id="menu"> 
<img style="margin-left:75px;" src=http://www.webdeveloper.com/forum/archive/index.php/"Untitled Document_files/button-bar_01.gif" alt=""> 
<img style="margin-left:57px;" src=http://www.webdeveloper.com/forum/archive/index.php/"Untitled Document_files/button-bar_03.gif" alt=""> 
<img style="margin-left:50px;" src=http://www.webdeveloper.com/forum/archive/index.php/"Untitled Document_files/button-bar_05.gif" alt=""> 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Untitled Document_files/button-bar_07.gif" alt=""> 
<img style="margin-left:44px;" src=http://www.webdeveloper.com/forum/archive/index.php/"Untitled Document_files/button-bar_09.gif" alt=""> 
</div> 
<div id="content"> 
I want the text to go here 
</div> 
</div> 
</div> 
</div></div> 
</body> 
</html>Thank you so much wow you are the best! How? What was wrong with it? I don't understand that stuff you wrote, what is it and how? As you can see, I am just an amateur. 
 
Thanks again. You have helped me immensly.Check out the HTML, XHTML, CSS and JavaScript tutorials at W3Schools (<a class="postlink" href="http://www.w3schools.com/default.asp">http://www.w3schools.com/default.asp</a>) for the basics. 
Read the W3C guidelines (<a class="postlink" href="http://www.w3.org/TR/html40/">http://www.w3.org/TR/html40/</a>) for HTML and work towards the XHTML guidelines (<a class="postlink" href="http://www.w3.org/TR/xhtml1/">http://www.w3.org/TR/xhtml1/</a>). 
Validate your HTML (<a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a>), CSS (<a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a>) and JavaScript (<a class="postlink" href="http://www.crockford.com/javascript/jslint.html">http://www.crockford.com/javascript/jslint.html</a>) 
What was wrong? Too much. Pickup CSE HTML Validator (<a class="postlink" href="http://www.htmlvalidator.com">http://www.htmlvalidator.com</a>) (it's free) to see the basic errors then use the other validators. 
 
This is a basic template for HTML4: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 
<title>Basic HTML</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta name="copyright" content="Basic HTML"> 
<meta name="keywords" content="Basic HTML"> 
<meta name="description" content="HTML template"> 
 
<script type="text/javascript"> 
//<![CDATA[ 
 
//]]> 
</script> 
 
<style type="text/css"> 
 
</style> 
 
</head> 
<body> 
 
 
</body> 
</html>If it works in Safari and Netscape odds are in favor that you did it right and it nedded to be "hacked" to work in the piece of crap IE 6 is for CSS. Anything I have done with CSS I have checked first in Mozilla and Netscape on my MAC and I have soemone send me a screen shot of IE and it is a mess. IE MAC is just as bad... 
 
It doesn't look right to me in Netscape 7 or Mozilla on my MAC, not like the pic you attached anyways. 
 
 
MNShttp://forums.webdeveloper.com/showthread.php?threadid=19323 
 
Check out the trouble IE for Mac is giving me now, and I can't see why. After I altered it for IE:Mac in the first place, now it has major text/link problems. Check it out, PLEAAASSSSSEE. Im in trouble!

All Mac users - and windows too - IE and Safari?!?

liunx

Guest