Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

Max-width playing tricks on me.

Hello guys,

I have been working on a nasty little problem since yesterday and I still haven`t found a fix for it. My website resizes well and nice in chrome, with a small overflow on the lowest resolution, but when I switch to IE / Firefox / Safari.. things look awkward.

How can I fix this problem?

Here is a fiddle: http://jsfiddle.net/sqnkov/qcmDV/6/

Hi Atanas Sqnkov! Im not sure why, but i may think that you need to add another webkit for opera etc.. too like -webkit- and -moz- -opera- etc.. if you know what i mean and you need to know also that the wesbite will not look the same in every browser, it will look a bit different and depends on the ( how long it has lived) it may also change things . Eg if you make a webiste with new stuff , nedd tech, it woundt work on ie6 or ie7 so there comes the other part of making sure everything is the same also in he older browses . Maybe try to work eg firefox and fix that problem or just make it look a bit worse by allowing it to look good in other browsers. Well i dont know much but thats what i learned in these videos , i hope its helpful.

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

Yes, you've learnt well Aurelian. You can keep a calm mind working on IE 8 and up. But my problem persists in all browsers but Chrome.

Hmm.. maybe theres some code that works only in chrome , try to update all of your browsers up to date and maybe look in mozila link what code works in what browser . Maybe that could help.

1 Answer

Atanas,

Have you used normalize.css? You can get it here for free. http://necolas.github.io/normalize.css/ Another option is to use Sass which keeps your css dry. By using Sass you can utilize some helpful sites like http://bourbon.io/ and http://compass-style.org/

hope you find these helpful.