Solved

Help with DIV and CSS

Posted on 2011-10-01
2
183 Views
Last Modified: 2012-05-12
Please see the screenshot here: www.mwebdev.com/downloads/bar.jpg, and then go to www.mwebdev.com/wa.html.

I'm trying to get the entire bar in the screenshot to show (look at the left and right sides). I've experimented with the CSS widths (currently 993px), but nothing has worked. I tried simply increasing 993 in the CSS file to 1033 (the width of the bar), but it messes up my alignments. Any help would be greatly appreciated!
0
Comment
Question by:isaacr25
2 Comments
 
LVL 6

Accepted Solution

by:
i-CONICA earned 250 total points
ID: 36897543
That page has 23 style sheets loading. There could be all kinds complications going on.

In style.css try this


.corner-bot-right .inner-front
{
      background: url(images/mid-bar.jpg) no-repeat top center;
      margin: 0 0 0 -20px;
      width: 1033px;
      position: absolute;
}

It's not very good, but neither is the rest of the page's code. This seems to provide the result you're after.
0
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 250 total points
ID: 36897565
I would edit the pic like this to make 993px wide.
Woodfield-mid-bar.jpg
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

920 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now