|
-- Posted by allsmiles at 7:06 am on Mar. 12, 2008
I'm designing a website for a financial endeavour of mine, which will only be used by people who browse with IE. I don't know if it works right in IE7, since I don't have it and my dad doesn't want me to install it on this machine (I'm not complaining), but in IE6, when I put in width: 100%; for one of the divs, there's a gap at the right hand side of it, 20px wide (regardless of resolution, it seems). The design works perfectly in Fx. Here's the source code for the design: | Code: | | Parts Stock Locator  ### hits since 25/02/08 Input part number, partial part number, or description | I'm not that experienced with CSS based layouts, so I don't really have much hope of diagnosing the problem. Can you see what needs changing?
-- Posted by marshmellowman at 7:10 am on Mar. 12, 2008
It looks fine, but as a side note, it's better to have the CSS in an external stylesheet than embedding it in every single page. It's much easier to change the global settings this way. (ie, reference style.css) IE6 has been long known to have such problems, and there are many things that are legitimate CSS codes that fuck up IE.
-- Posted by allsmiles at 7:27 am on Mar. 12, 2008
There are only 2 pages on the site, and they're not likely to ever change once finalised. Thing is, I'm only fucking around with the layout 'cos some grumpy tech guy at the company I'm doing this for, who's pissed off cos my hosting's steep, is basically shooting down everything I do. A gap on the right is not likely to be accepted :(
-- Posted by Boss302 at 7:39 am on Mar. 12, 2008
IE8 is coming out soon (in beta atm) so you'll have another set of problems to sort out!
-- Posted by allsmiles at 7:59 am on Mar. 12, 2008
Didn't IE8 pass the Acid2 test though?
-- Posted by PiXiE at 9:40 pm on Mar. 12, 2008
html, body { margin:0px; padding:0px; }
-- Posted by allsmiles at 5:38 am on Mar. 13, 2008
That fixed it. Thank you very much!
|