Solved

Help with DIV and CSS

Posted on 2011-10-01
2
185 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to dynamically set the form action using jQuery.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

773 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