Solved

Bottom block width problem

Posted on 2014-01-15
3
221 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

Guide to Performance: Optimization & Monitoring

Nowadays, monitoring is a mixture of tools, systems, and codes—making it a very complex process. And with this complexity, comes variables for failure. Get DZone’s new Guide to Performance to learn how to proactively find these variables and solve them before a disruption occurs.

Question has a verified solution.

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

Suggested Solutions

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
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.
The viewer will learn how to dynamically set the form action using jQuery.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

733 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