HTML/CSS Web Design Help...

[jdl8422]

I am designing a site for the company I work for. I am using dreamweaver to code html and CSS. I am previewing it on my mac in safari and Camino. The site looked like I wanted it. When I got to work I viewed in on a pc, IE7, and all the content was shifted. I was under the impression that it does not matter going from MAC to PC. What do I need to consider when doing the site.

 

[oidrovo]

Could be a number of things

Do you have it posted somewhere or supply a screenshot of both the Safari and IE versions. Need a few more specifics.

 

[jdl8422]

sure thing. I will get some pics uploaded.

 

[ChicoWeb]

it's not a operating system issue, it's a browser issue.

Welcome to web design!

 

[l33r0y]

it's not a operating system issue, it's a browser issue.

Welcome to web design!

Indeed. Microsoft has its own international browser standard, so it would seem... sigh.....

CSS
While Internet Explorer – especially versions prior to 7.0 – recognizes most of the CSS Level 1 features, as well as parts of CSS2, it misinterprets some of them, resulting in inconsistent rendering behaviour. A number of "CSS hacks" were created to work around the various flaws in Internet Explorer's incorrect CSS parsing. While Internet Explorer 7 does fix some of the flaws with rendering, and adds support for CSS 2 features such as selectors, its support for the CSS 2 specification remains unfinished. Notable examples of improper support for CSS include:[22]

failure to interpret the W3C "Box" model
inconsistent rendering of floating <DIV> layers
"min-width" and "max-width" issues (also "min-height" and "max-height")
little support for pseudo-classes such as :hover and :active
inconsistent interpretation of CSS hierarchy
misinterpretation of block element attributes, including:
position (fixed|absolute|relative|static)
display (block|inline|table)

http://en.wikipedia.org/wiki/Criticisms_of_Internet_Explorer

 

[ChicoWeb]

Indeed. Microsoft has its own international browser standard, so it would seem... sigh.....

Your right! Bill does what he wants.

But yah, if you really want to do anything in web design, you have to learn the quarks of each browser. I'm sure there will be a day when we can all work together, but who knows when!! Sure would make our jobs easier!

 

[radiantm3]

I was under the impression that it does not matter going from MAC to PC.

Don't ever get advice from whoever told you that. Like others have said, it doesn't have anything to do with the operating system, but the browsers themselves. IE, Firefox and Safari all have different quirks (IE has the most by far) that can potentially cause things to look incorrect. Knowing how to fix them is just another part of the job of a web designer.

What do I need to consider when doing the site.

Learn to hand code. It's the only way you will learn how to prevent and squash browser bugs. For starters, you can look up common bugs here: http://www.positioniseverything.net/explorer.html