Expression Web Tutorial -Center a Web Page (or a div)

How to Center a Web Page: Have to center each independent div by using CSS.
1. Set a width for the div's
2. Make the R and L margins "auto" for the div's

Category:

Science & Technology

Tags:

• Expression
• Web
• Tutorial
• Free
• Video
• Microsoft
• computer
• electronics

[aprimic]

wow, that's great! you're a fantastic teacher

[Expressionweb2]

@aprimic thank you!!

[regaltwo]

THANK YOU. I have looked at half a dozen tutorials about how to do this and every one of the b$^$%^^ts left something out. Your simple tutorial is the first one that actually worked. Thanks again. :)

[Expressionweb2]

@regaltwo Thanks! And I do know what you mean. That's why I was meticulous in creating my tutorials to make sure I did not miss a step!

[staticdynamicandnul]

I have actually discovered a way by complete accident to get rid of those "margins" lol. Changing all the pages margin aspects to 0px. But there is a real serious question I have that might be a little more complex. I'll post it where you instructed me to.

[Expressionweb2]

@staticdynamicandnul Web browsers apply basic defaults to our web pages. To remove these defaults, we specify styles just as you mentioned, commonly, we zero out all margins and padding using either a css reset or possibly a universal selector. You can ask more questions about all this on my help forum.

[abyssgt]

Thanks :) helpful tutorial

[Expressionweb2]

@staticdynamicandnul I am trying to add the link to my help forum, but I keep getting an error. So, I will add it to the video as an annotation

[Expressionweb2]

@staticdynamicandnul Thanks! And, that is a Great Question! Since you have other questions, and because I need more space to appropriately answer this question, go to my Help Forum where you can ask all your questions. You will need to register an account and I will personally approve your account, and then you can ask your questions. For now, I will post your question and my answer so you can read it right away.

[staticdynamicandnul]

first of all excellent video, this is the only suggestion that worked for me. i've always designed websites in photoshop for fun but I'm just now taking the coding part serisously. I have a bunch of questions that I'm sure you can answer. My first question is how can you but the top of the container to the very top edge of the webpage, as you can see in your video there is a white line between the browser window and your black graphic.....make sense?

[jackteagarden]

Very good! Do you have a tutorial on CSS vertically centering? I mean one div inside another. I've tried some

methods and cannot get it to work properly. Thanks.