HTML5 and CSS3 beginners tutorial 37 - creating a website layout [part 4]

In this tutorial I show you guys how to center your web page and get rid of browser default styling rules that might create padding or margins that might make your website appear different from 1 browser to the next.

.
Follow me on Facebook:

Follow me on Twitter:

Don't forget to subscribe:

Donate on PayPal:

xclick&hosted_button_id=DM496T7CTUYAS Donate on PayPal:

[prithish]

Thanx quentin.This is very helpful.Explanation is very lucid.

[darrena]

If it wasnt for these tutorials i wouldve been a lost Questin

[IAMTMLM]

Thanks a lot quentin, you are a very fine professional.
I am learning so much, following along your tutorials.

[pipodoxLP]

Just great! I learn a lot by your way of teaching!
Can't wait to build my own pages (currently at the office :D )
Big up!

[tommoran]

A touch of Class. When I am being trained by a professional I will become one as well in yrs later. Thx Quentin

[mixsetup]

Hi there great video's I don't get the dotted line but have the border to see now.

[LearnEasy]

Thankyou sir !!! Best Best Best ...keep making more videos

[glenuk]

I've done the container div tag and done the .container bit in css but everything stays the same and when i put the border in it just puts a border round the whole page

[Aleksandar.D]

Awesome tuts! Everything is well explained, clear and in right order. Also I like your diction. Every word is understandable, everything is clear.
One suggestion. Although Note ++ is very good I found Sublime text editor is much better, especially when you install Emmet package. Typing is much easier, because you don't have to type all letters, there are so many shortcuts with only one button - TAB. e.g. just type div and hit TAB and you get opened and closed div tag. Now you just need to type what you want, etc. Much, much easier and faster.

[MoneyLearning]

I had some other issues on the next part of the video as well. It had something to do with Live CSS editor plugin on Chrome.

[nithyakrishnan]

rather than * can i give body{margin:0px;padding:0px} ?

[rahmatsudiarto]

thank u so much brother (Y) all videos very usefull

[nikolaosraptis]

I noticed that after putting the * in the css and before removing the bullet points from list they were already removed when you refreshed but you didn't mentioned. Could you please explain why they disappeared just by putting the *?

[Todderwodderz]

Quintin, I cannot figure out why it won't center. I have the correct div class "container", but when I put my margins in the style sheet it will not center.

Any ideas why it's not working?  Help Please! Thanks!

[ashtreylil]

itd be helpful to include the dimensions of your logo for people who want to use a placeholder img.

[joshcarter]

Hi,
Im having a problem, everything from my main section (<section>) down to where the facebook and twitter links are, everything ive wrote appears as a link. Any ideas on where i have gone wrong?

[pramodsolapur]

Super sir .but before going to learn html what we learn sir ?

[raymondgerardcarls]

please make a video on how to make RESPONSIVE/scalable websites Mr. Quentin, please. :)

[annegallagher]

Hi, Tuts are great. This centering works in Chrome but not in Firefox or IE.
So far anyway.

[mohibaslam]

i am getting a lot from your tutorials."thank you".centering is not working in chrome on my system pls tell me the solution.