Treehouse | Community | Why Vertical Margins Collapse

🤑 Join the Treehouse affiliate program and earn 25% commission!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

KT Lin
276 Points
normalize.css v6.0.0 doesn't set body to margin 0, the method suggested to resolve Margin Collapsing doesn't work

Posted April 4, 2017 3:24pm by KT Lin

KT Lin
276 Points
0 Answers
krishna aryal
6,897 Points
why div is flowing in console

Posted April 4, 2017 3:00pm by krishna aryal

krishna aryal
6,897 Points
9 Answers
Kevin DeLaune
579 Points
The Calc function doesn't apply to all browser sizes...

Posted April 3, 2017 12:36am by Kevin DeLaune

Kevin DeLaune
579 Points
1 Answer
Kevin DeLaune
579 Points
There is nothing more confusing

Posted April 2, 2017 11:24pm by Kevin DeLaune

Kevin DeLaune
579 Points
2 Answers
Robert Homan
Front End Web Development Techdegree Student 9,437 Points
ID vs. Class for the wrapper?

Posted March 31, 2017 9:11pm by Robert Homan

Robert Homan
Front End Web Development Techdegree Student 9,437 Points
1 Answer
Leon Segal
14,754 Points
Why put the lists override in normalize and not the user style sheet?

Posted March 27, 2017 8:41pm by Leon Segal

Leon Segal
14,754 Points
4 Answers
Sage Savage
Front End Web Development Techdegree Student 3,960 Points
Header and Footer collapsing?

Posted March 26, 2017 12:15am by Sage Savage

Sage Savage
Front End Web Development Techdegree Student 3,960 Points
2 Answers
Hussain Tamboli
4,470 Points
How to center the div using margin-left and margin-right?

Posted March 11, 2017 10:19am by Hussain Tamboli

Hussain Tamboli
4,470 Points
1 Answer
Marko Delgadillo
4,524 Points
When does a vertical margin collapse?

Posted March 7, 2017 3:00am by Marko Delgadillo

Marko Delgadillo
4,524 Points
2 Answers
nathanielcusano
9,808 Points
Why is the width of the header and footer automatically 100%?

Posted March 2, 2017 10:07pm by nathanielcusano

nathanielcusano
9,808 Points
1 Answer
nathanielcusano
9,808 Points
Can't make heads or tails of what he's talking about. Is there a way he can point with a ruler at what he is referring?

Posted March 2, 2017 3:03am by nathanielcusano

nathanielcusano
9,808 Points
2 Answers
Joseph Carrillo
2,137 Points
vertical margin preference?

Posted February 27, 2017 5:51pm by Joseph Carrillo

Joseph Carrillo
2,137 Points
2 Answers
Andrew Swift
6,600 Points
Sticky Footer for all screen sizes.

Posted February 13, 2017 3:28pm by Andrew Swift

Andrew Swift
6,600 Points
2 Answers
raj dewangan
1,293 Points
Set the wrapper's width to 80% of the browser width. Then use margins to center the wrapper in the browser.

Posted January 13, 2017 7:33am by raj dewangan

raj dewangan
1,293 Points
1 Answer
Juan David Hernandez
7,415 Points
Positive and negative margins

Posted January 11, 2017 1:20am by Juan David Hernandez

Juan David Hernandez
7,415 Points
1 Answer
Andrea Monty
2,724 Points
Sticky footer height

Posted December 12, 2016 9:25pm by Andrea Monty

Andrea Monty
2,724 Points
5 Answers
Mahmud Kurniawan
7,140 Points
where's my fault in this very simple code challenge?

Posted November 28, 2016 8:09am by Mahmud Kurniawan

Mahmud Kurniawan
7,140 Points
1 Answer
David Eichel
28,860 Points
This video needs to be redone. Project files do not match what's done in the video.

Posted October 24, 2016 11:08am by David Eichel

David Eichel
28,860 Points
2 Answers
Hayden Bradfield
1,797 Points
Why are there margins even though I set margin to 0?

Posted October 20, 2016 2:40pm by Hayden Bradfield

Hayden Bradfield
1,797 Points
3 Answers
Joy Kim
2,123 Points
closing div

Posted October 3, 2016 6:03pm by Joy Kim

Joy Kim
2,123 Points
1 Answer
Joy Kim
2,123 Points
I can't figure out where to put the </div>. I've tried so many areas and I keep getting the same error.

Posted October 3, 2016 6:00pm by Joy Kim

Joy Kim
2,123 Points
1 Answer
Leah Tapley
2,975 Points
It seems my header isn't matching his in the video. His content and header are all centered and mine is not. Help?

Posted September 20, 2016 12:35am by Leah Tapley

Leah Tapley
2,975 Points
3 Answers
Miguel Nunez
3,266 Points
How come the black border outline refuse to change when I do change it there a new color line

Posted September 11, 2016 7:02am by Miguel Nunez

Miguel Nunez
3,266 Points
1 Answer
Rosie Bell
782 Points
When I created a sticky footer, a small vertical margin remains.

Posted August 30, 2016 12:10pm by Rosie Bell

Rosie Bell
782 Points
8 Answers
Kohane Kagami
12,390 Points
min-height: calc(100vh - 89px); does not work.

Posted August 27, 2016 4:00pm by Kohane Kagami

Kohane Kagami
12,390 Points
9 Answers
nagamani palamuthi
6,160 Points
can someone help me understand why we use the border-box and what happens when you add padding to left and right.

Posted August 24, 2016 12:04am by nagamani palamuthi

nagamani palamuthi
6,160 Points
3 Answers
Miguel Nunez
3,266 Points
This is Random two CSS links begin to fail over time aka normal css link and media query link in a html document. WHY?

Posted August 22, 2016 6:45am by Miguel Nunez

Miguel Nunez
3,266 Points
3 Answers
Malcolm Stretten
3,814 Points
Why is Sticky Footer using Flex NOT working?

Posted August 11, 2016 4:14pm by Malcolm Stretten

Malcolm Stretten
3,814 Points
3 Answers
Luca Di Pinto
8,051 Points
Prerequisites course

Posted July 23, 2016 11:39am by Luca Di Pinto

Luca Di Pinto
8,051 Points
2 Answers
Aaron Selonke
10,323 Points
min-height: calc(100vh - 89px); almost has the right effect but Still getting the Scroll bar

Posted July 21, 2016 2:39pm by Aaron Selonke

Aaron Selonke
10,323 Points
5 Answers

Prev Page 6 of 9 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.