Jump to content

Hacking for IE Compatibility


benb
 Share

Recommended Posts

My site is located here [http://www.zizusupport.com/beta4] and if you look at it in MSIE it is off center, but in any decent browser, it looks fine [Firefox, Opera, Safari].

Is someone here able to help me hack it for IE6 compatibility? I do not believe there are any transparent PNGs, so the off-centerness is the main (maybe only?) problem.

CSS

Thanks alot,

-ben

Link to comment
Share on other sites

Hello; that looks ugly indeed! Have you considered making it HTML/XHTML compliant? I had a quick look at your source code

<!DOCTYPE ...
<html ...
<head>
<meta ...
<title>...
<link ...
</head>
<body>
<div ...
...
...
<!DOCTYPE ...
<html ...
<head>
<meta ...
<title>...
<body>
<p>We at Zizu Support ...
...
...
</body>
</html>
<div ...
</div>
</div>
</div>
</div>
</body>
</html>

I think this second set of header tags in the middle may be irritating some browsers...

Link to comment
Share on other sites

The second set of header tags in the middle is/was because I am using PHP inclues to get data from external HTML files. Obviously, Dreamweaver made those files and gave them headers. It's all fixed up now and is 100% XHTML and CSS compliant. I try and make my sites easy to make compliant. All the code there is 100% handcoded. I did not let Dreamweaver mess up my code.

But do you know how to center it in MSIE. I really do not have a clue because I program everything to be compliant and just hope it will work :(

I have one transparent PNG in there (main logo) but I can just add a white background to it so it won't use the alpha channel.

Link to comment
Share on other sites

OK, it already looks much better - the HTML source I mean. There are still a few corrections to be made; maybe that will improve the IE display...?

First I would remove the two

at the top, and the corresponding

tags at the bottom.

Next I would add align="center" to all remaining

tags.

Finally I would remove the nesting of the last two

tags (terminating each div before a new one begins.
Link to comment
Share on other sites

Yeah, I was gonna do the <div id="foo" align="center"> but that only aligns the text within that div. I want the entire div aligned. Because if you look at my page, the whole area is centered. I don't know how else to do that.

I don't quite understand what you mean by the bottom part. What is the issue with my div alignment?

Link to comment
Share on other sites

OK, I noticed that I did not read the code correctly. The two

tags on top are not identical, but one contains an align clause, the other an id clause. I would suggest that you merge the two into one
tag (and of course remove the matching
tag.

I don't understand why the last two

tags are nested; what happens if you un-nest them?
Link to comment
Share on other sites

Just found a new toy that may come in handy the next time you have a problem with Internet Explorer: Internet Explorer Developer Toolbar.

Download the Internet Explorer Developer Toolbar (Beta 2)

The toolbar includes tools to help you quickly create, understand, and troubleshoot Web pages. The toolbar can be pinned to the Internet Explorer browser window or floated separately.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Privacy Policy