• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 749
  • Last Modified:

DIV will not stretch across width of screen

This page is specifically for hand held devices, but the problem can also be seen on a regular browser:

I have the divider lines like this:

<div class="divider"></div>

And styled like this:

.divider{background-color:#bfbeaf;margin:0.4em 0 0.4em 0;padding:0 0 0 0;height:0.1em;width:100%;}

But they leave a space on the right side, even though margin-right is zero. How can I make these stretch all the way across, like the nav buttons do?

Thank you!
1 Solution
The page looks fine from my Android phone but you can fix the extra space by removing the width: 100% from the .mobilenav and .divider declarations.
bbdesignAuthor Commented:
Ah, of course... DIV's stretch across by default. Thanks!

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now