homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

Website Design - Browser Compatibility
website design browser compatibility

Msg#: 4518675 posted 9:18 am on Nov 13, 2012 (gmt 0)

I am very new to web design and i have this current project that i am working on right now.

My task is to have the website, [example.com], compatible with all browsers and platforms, i.e IE, Chrome, Firefox, Safari, including mobile devices, etc.

My problem is that the design lay-out of the website changes and varies with each browsers, especially with the alignment of the menus and buttons. Is there a way that i could fix this issue without having to calibrate the website for each browsers?

I really appreciate your help and feedback on this.

[edited by: brotherhood_of_LAN at 11:44 am (utc) on Nov 13, 2012]
[edit reason] avoid mentioning personal sites when the question doesnt need it... thanks [/edit]



WebmasterWorld Senior Member 10+ Year Member

Msg#: 4518675 posted 9:53 am on Nov 13, 2012 (gmt 0)

You need to employ a CSS reset. And also validate your HTML/CSS

This will help solve some bugs - others come with experience of knowing what will and won't work for each browser. Internet Explorer in particular will make you go grey.

Lastly you should also try and test you site on Mac - fonts render truer on OSX than windows so the spacing of letters is wider. This can throw out a layout too.


Msg#: 4518675 posted 3:36 pm on Nov 19, 2012 (gmt 0)

Thank you for the reply limbo. If I make a CSS reset, do I need to re-code everything? Some recommended to use responsive lay-out or fluid design to fix this.


WebmasterWorld Senior Member 10+ Year Member

Msg#: 4518675 posted 9:49 am on Nov 23, 2012 (gmt 0)

Responsive Layouts are not going to sort browser bugs. Validating your CSS/HTML and using a reset will.

Responsive / mobile first design, will however, enable your site to work on a variety of screen sizes an resolutions - but takes a lot more work (like another 50% on top of the design/front-end budget).

Global Options:
 top home search open messages active posts  

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved