IE Renders Table Width Improperly

liunx

Guest
I'm working on a project where I need to have a table that takes up the entire top of the screen, flush with the browser chrome. Currently, I'm using something like this:

TABLE.finder {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

The table displays perfectly in Gecko-based browsers, but in IE (Windows and Mac), there's a gap (about 30px) on the right-hand side of the page. While I'm very tempted to say "IE users, tough luck!" since it's definitley the inferior browser (:D), I'd like to try to make this work. Any suggestions?

(For those of you who are curious, I'm working on designing a website template that mimicks the interface of Mac OS X... take a look: <!-- m --><a class="postlink" href="http://www.mattpat.net/maclook">http://www.mattpat.net/maclook</a><!-- m -->).Try adding "margin: 0;" to the table style, perhaps?

PS: also might need to do:

body {
margin: 0;
padding: 0;
}Originally posted by patenaudemat
<!-- m --><a class="postlink" href="http://www.mattpat.net/maclook">http://www.mattpat.net/maclook</a><!-- m --> Yikes, I hope Apple Legal doesn't catch wind of your site. :eek:Originally posted by Triumph
Yikes, I hope Apple Legal doesn't catch wind of your site. :eek:
True... *gulp*... the only thing that I think will save me is that I've seen a bunch of OS rip-off sites, for Windows, Linux, and even Mac before, and no one really seems to care... I'll post a few links if I can dig them up. Then again, I might not end up using it because of that. We'll see... now it's just trying to make it work after I took all these screenshots. :DWell, I'm still trying to figure it out, but just so you know, I did remove it just in case of legal complications... I'm going to try to talk to some people who know the field and see what they think about it. Thanks for pointing that out... the interface is so good-looking, it's hard to think about legal stuff ;).

If anyone's interested in taking a look at the code, the page is still available at <!-- m --><a class="postlink" href="http://www.mattpat.net/maclook/index-apple-legal.html">http://www.mattpat.net/maclook/index-apple-legal.html</a><!-- m --> (hmm, I don't know why I called it that ;)), but without any images... I used a .htaccess on all the image files, just in case.The worst they can do is make you take it down...I think. Apple Legal is pretty rough. Lately they've been going after people putting up pics of unreleased products.Yeah, well... technically it's already been released, it's only Panther. There are skins for Windows all over the internet, but I guess that's different since it's not publicly viewable 24/7...

Either way it really doesn't matter, since I can't get it to work on the browser with the largest market share (sadly; sad that it has the largest market share, that is, not sad that I can't get it to work).

I think it'll all work out in the end. Of course, if it were a Windows template (of course, who would want their site to look like Windows?), then it could be different... ;)

I think I should get off the hypothetical Apple Legal stuff and get back to code before I get moved to the Coffee Lounge.

Anyway, the margin code doesn't make any difference NogDog, but thanks for trying. Just goes to show you that if you code by the standard, your pages won't come out right on IE. :DOriginally posted by Triumph
Lately they've been going after people putting up pics of unreleased products.
Looks like Apple wins again: <!-- m --><a class="postlink" href="http://www.macobserver.com/article/2005/03/04.2.shtmlOriginally">http://www.macobserver.com/article/2005 ... Originally</a><!-- m --> posted by Triumph
Looks like Apple wins again: <!-- m --><a class="postlink" href="http://www.macobserver.com/article/2005/03/04.2.shtml">http://www.macobserver.com/article/2005/03/04.2.shtml</a><!-- m -->
Or do they? If three websites say it, and Apple's forcing them to take it down, there seems to be a pretty good chance that the information was true, and therefore, the sites got their message out. Sometimes Apple (and other big companies) make the mistake of drawing attention to small websites that no one would see anyway (not in this case, I mean... those are three of the biggest... just a thought).
 
Back
Top