HomeОбразованиеRelated VideosMore From: ob wex

Wrapper Divs in CSS

152 ratings | 28951 views
Using a wrapper div to control the body content of a web page. Place all your content inside this wrapper div. Then the wrapper div can be controlled easily from your style sheet.
Html code for embedding videos on your blog
Text Comments (16)
Adam S (8 months ago)
Great video. If I wanted to have the 4 coloured boxes exactly in the centre of the wrapper box how would I do this?
Briap Deum (1 year ago)
Very helpful thank you so much Mr.Wex
Izzy B (1 year ago)
Hi, I am trying to create multiple VERSIONS of the wrapper div. For instance if there is 1 box, then I want the wrapper div to be named wrapperOne so I can style that specific wrapper for one box using css. However, I am trying to do so and it seems like I cannot name the "wrapper div" anything else other than the name "wrapper". Why is this so? Is there a way I can get around this? Anybody please help. thanks!
ob wex (1 year ago)
+Izzy B you should be able to name the div anything you like. The word 'wrapper' has no special meaning. What happens when you name it something else? How do you know it doesn't work?
Ghida'a (1 year ago)
I've completed now the last part of my project Thank you 🙏🏻
kkevin369 (1 year ago)
whats the difference between wrapper and container?
ob wex (1 year ago)
A container is a html element that can have things inside them. It's a broad description. divs and paragraphs are typical examples of a container. A specific type of container that is often used is a div that holds all the parts of the webpage within. Designers often describe it as a 'wrapper'. Designers find having a div like this gives them more flexibility. In this example I have a div with an id="container" to show this.
Arun Rana (2 years ago)
Thank you!
demoblicancorruption (2 years ago)
you are a Godsend! God bless you!
Earnest Hooks (2 years ago)
Around 4:25 80 + 20 isn't 190 lol
Zacky531 (1 year ago)
You're right. It's 200 total.
safeerazhar (3 years ago)
nice video thanks, simple and nice explanation
jetrixxx07 (4 years ago)
I hav just one question, What if i am going to use an image as a background, not a solid color, what would be the codes?
y25151956 (2 years ago)
tell me when you find out
safeerazhar (3 years ago)
ur question is 10 months old i hope ur in advance level learning some new programming language.
safeerazhar (3 years ago)
background-image:url(http://xyz.com/abcd);

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.