html5 boilerplate – need help — stuck with lot of CSS issues.

[dazdseg]

I tried doing what you suggested (body margin=0), it creates a new problem. In chrome i can see the perfect result (as in my pictures are covering the whole area). when i check the same website on iphon5 (it still shows margin) any ideas??

check link [Your text to link here…](www.am2pm.asia “LINK”) (in chrome on desktop with reduced resolution it shows me the perfect result but on iphon5 it doesnt! )

why ???

[dazdseg]

http://www.am2pm.com

[Your text to link here…](http://www.am2pm.com “am2pm.com”)

[dazdseg]

oops wrong. link (extremely sorry, in this hurry i am doing quiet a things wrong, sorry for that.. )

correct link is : am2pm.asia

[Your text to link here…](http://am2pm.asia “am2pm.asia”)

[dazdseg]

Done a easier task as suggested earlier by scotnix. made by pen, and i bet its lot easier for anyone to understand.

http://codepen.io/dazdseg/pen/tdJhB

[dazdseg]

by the way (webkit-margin-before && after what i have written on earlier, is for webkit browsers , like safari etc. ) i managed to steer out of it by using

margin: 0;
padding 0;

everywhere possible in my code :)

now next problem of fixing the top bar, so that when i scroll down it remains fixed (menu bar for my website). I have already created the menu, defined place for it.

As i am not well versed with CSS/HTML i am sure i can do it though..

[unasAquila]

may i suggest you use something like [bootstrap](http://twitter.github.io/bootstrap/) which comes tailor made with responsive design and just change the colors and other object to suit your needs!

[dazdseg]

I tried that also. but now starting the whole thing and i have only 1 day is something i am not sure off.

[Author]

Posts