Here's the link. It looks fine in I.E. 7 at a 1280x960 and 1280x1024 resolution, but when I looked at another computer with a different resolution OR look at another browser such as FireFox and Opera, it looks totally screwed. How can I fix that?
First correct the CSS and Markup errors .......... W3C Markup (HTML/XHTML) Validation Service W3C Style Sheet (CSS) Validation Service James
Ok, I just did and I got no errors in both CSS and XHTML. http://validator.w3.org/check?uri=w...(detect+automatically)&doctype=Inline&group=0 http://jigsaw.w3.org/css-validator/...s.com/&warning=1&profile=css21&usermedium=all However, that didn't fix the problem. It's still screwed up in Firefox and etc. as mentioned above.
It looks the same to me in my Firefox 2.x and Opera 9.x Browsers at 1280x1024 & 1024x768 resolution but the layout breaks at 800x600 resolution (approx 4% of visitors WWW estimate). The latter is because you are using absolute CSS sizing and dimensions (mostly pixels) -- change to relative values for flexible page layout.
Maybe we are talking about two different pages -- i have been checking http://www.aiddictedlayouts.com/ -- no need to post your coding, it is revealed as a result of CSS and Markup validation. James
That's what I thought. Anyways, no...we're talking about the same page. What are you confused about? I've aleady positioned my layers as relative.
Ah. I thought you meant if I positioned it absolute. As in position:absolute; So what can I do instead of px?
Does anyone else agree with jamesicus? I really don't want to convert everything to percentage if it isn't going to work. Anyone else have any ideas before I try out jamesicus's?
Not just % but also em for such things as padding, margins, etc. And don't convert your CSS/Markup just because I suggest it! Research and read-up on the underlying principles (which should be done before embarking on any Web page Authoring). It is good that you are seeking other input -- you may get some that makes more sense and is more usable for you -- go with what you think is best.
Thanks, but I don't really know what I am suppose to be researching. I just want my site to be compatible in other browsers and screen resolutions, and I have no clue how to do that. Maybe you can give me some links that will help me fix the problem?
http://www.google.com/search?hl=en&...cial&hs=Psd&q=authoring+web+pages&btnG=Search There are no easy answers or quick fixes -- dig in.
BTW, don't forget cell phone/Iphone/PDA Web page rendering which is becoming more and more popular -- I am afraid your page breaks there. Cell phone screen viewing can be emulated in Firefox via the top pull-down menu: Web Developer--Miscellaneous--Small Screen Rendering (easier yet via the Chuck Pederick Developer toolbar if you have it installed). The same facility is available in Opera -- another excellent developer tool -- via Small screen (toggle) from View on the top tool bar.