Solved

Bottom block width problem

Posted on 2014-01-15
3
232 Views
Last Modified: 2014-01-16
I'm tearing my hair out with this one, and I'm pretty sure it shouldn't be that hard.  If you look at http://bit.ly/1b3FXnh in almost any browser at any size, you'll see the bottom region tends to not match the width of the containing region.  It gets too wide in most cases.  (The region I'm referring to has a colored line drawing of a building).  I've tried all sorts of fixes, but they're never able to fix in all browsers and work responsively.  At this point, I'm sure my CSS looks like garbage, because I've tried so many different things, attempting to get this to work.  I'd sure appreciate any help, and I will happily supply any information one might need.
0
Comment
Question by:katwill
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 350 total points
ID: 39783182
set the width the same as the #wrap div, and remove the min-width.

#address {
width: 960px;
/* width: 71.1%; */
margin: auto;
background-color: #fff;
background-image: url('images/library_drawing.jpg');
background-repeat: no-repeat;
height: 186px;
margin-top: -30px;
text-align: right;
font-family: 'Open Sans', sans-serif;
font-weight: bolder;
}

Open in new window

0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39783191
you'll see the bottom region tends to not match the width of the containing region

the containing region of the bottom region is the window, and not the #wrap div - perhaps that's where the confusion was coming from?
0
 

Author Closing Comment

by:katwill
ID: 39785109
D'OH!

I knew it had to be something simple.  Between this and eliminating the min-width, this seems to have fixed the issue (but please take a look to ensure that I've got it right?)
0

Featured Post

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question