Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Marco Rodrigues
Marco Rodrigues
16,745 Points

Why does adding a textarea alter my navigation?

I'm currently in the process of building a portfolio website. All the content is in place and ready for tweaking. Now I've noticed my navigation text now breaks from the containing box. As well after doing a bit of debugging I realized it seem due to the textarea in my form and it only seems to happen in chrome. If I remove the textarea it returns to normal. Can anyone help me figure out why this maybe happening? See the code below or the jsfiddle for my code. P.S. the jsfiddle does not reproduce the glitch.

https://jsfiddle.net/ybugdca1/

Errin E. Johnson
Errin E. Johnson
22,458 Points

I copied you code and added to codepen it was easier to work with. I only added a wrapper div, you need to have the body width defined before you can add margin: 0 auto, and then any children elements can then be 100% of the 1000px width of the wrapper. http://codepen.io/errinjohnson/pen/RPWaPa?editors=010

2 Answers

Jeff Lemay
Jeff Lemay
14,268 Points
Jeff Lemay
Jeff Lemay
14,268 Points

Do you have a closing tag for your textarea? Inputs are self-closing but textareas are not.

Marco Rodrigues
Marco Rodrigues
16,745 Points

Yeah I have a closing tag for the textarea and all my inputs are closed with a /.

Jeff Lemay
Jeff Lemay
14,268 Points

I don't even think that would cause your problem but it's all I could think of. This is some strange behavior, especially when the fiddle doesn't reproduce the issue.

Marco Rodrigues
Marco Rodrigues
16,745 Points

I agree it extremely weird behavior. nothing dictates the behavior from what I can see either.

Marco Rodrigues
Marco Rodrigues
16,745 Points
Marco Rodrigues
Marco Rodrigues
16,745 Points

turns out I was missing a float property for the logo image.