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

CSS

Paul Crossley
Paul Crossley
936 Points
Posted by Paul Crossley
Paul Crossley
936 Points

Full length toolbar is refusing to work! HELP!!

Hey guys , I'm currently programming the css for my website & have reached a complete stand still due to an issue I'm having with my toolbar.

I am trying to program it to extend the full length of the browser , however , the toolbar wrapper is refusing to extend the full length on the left side , but is allowing itself to do so on the right hand side.

I've tried so many different processes but none seem to work. PLEASE HELP!.

Pictured is the css of the wrapper and the site itself , in the image the red opaque is there to portray where the toolbar SHOULD extend to but doesn't.

I am using the 1000px grid which is also used in the smells like bakin website track.

the toolbar is also supposed to scroll with the page , the scroll works but like i said , the wrapper refuses to extend all the way across on the left side!.

http://i.imgur.com/5SuPRmk.jpg

i'm tearing my hair out trying to work it out , am I missing something simple?!

  • Paul
James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Post your html & css in codepen, it's just easier to troubleshoot with working version rather image of code, if someone wants to test out their solution.

3 Answers

Giovanni CELESTE
Giovanni CELESTE
20,961 Points
Giovanni CELESTE
Giovanni CELESTE
20,961 Points

As Matthew said, it would be easier to look at your html code. I can guess what the problem is, but it's better to see from concrete code.

Andrew Hipp
Andrew Hipp
1,633 Points
Andrew Hipp
Andrew Hipp
1,633 Points

Since #head is "positioned:fixed" you need to tell it more about how it's to be positioned. Try adding "left:0; right:0;".

Marcus Tisäter
Marcus Tisäter
4,886 Points
Marcus Tisäter
Marcus Tisäter
4,886 Points

Try chagne the width in px to see if it works. Also why do you want to float it right? Add the properties of left and right. I would also suggest using the auto for magin and padding 0