Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Bottom block width problem

Posted on 2014-01-15
3
Medium Priority
?
243 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
  • 2
3 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 1400 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Strategic internal linking is often considered an SEO power technique, especially for content marketing. Do you need to hire an SEO agency to optimize you internal linking? No, this article will help you understand the basics of internal linking and…
Why WooCommerce is one of the majorly favored choices when it comes to having an eCommerce store. This article will acquaint you with some reasons that I believe make it one of the best eCommerce platforms available.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
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…
Suggested Courses
Course of the Month10 days, 22 hours left to enroll

572 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