layout problems with CSS

[styledata]

I think the first thing we newbies should be told when customizing our shops, particularly stylesheets, is to use Netscape to check our results. IE corrects so many errors, we don't know when it's goofy!

Please look at the following page:
http://www.photoimprints.com/index.p...&products_id=6

As you can see, my header is not extending across the screen fully. Nor the logo or the box that holds all the categories.

Also, the qty price breaks extend into the right column.

I have really tried to figure out exactly which rules control this, but now I am asking for help.

I am using a custom template, based on the default template, not classic. I have removed the contents from the classic and default template css folders to insure no conflict. So, to the best of my knowledge, I am using ONE stylesheet, stylesheet.css.

Thank you in advance for any help you might provide.
Suzanne

[dbltoe]

Without getting into the discussion of whether or not Netscape is used that much, you would be better off getting the latest firefox along with the Web Developers Toolkit.

In stylesheet.css, you have two things against you right now.

You have incorrectly commented your statement at line 72. Be sure to start comments with /* and end with */.
You may have removed items from the #mainWrapper, #headerWrapper, #logoWrapper, and any others that appear

#blahBlah, {

When you have a single item, the system balks at seeing a comma (,) with only one item in the list. It effectively throws the request in the bit bucket. You have the same problem in stylesheet.BUcss.css but, I would try to eliminate it (after merging it with stylesheet.css) to eliminate duplication problems in the future.

Fix these four things in stylesheet.css and blend in stylesheet.BUcss.css and things will look brighter. Each browser looks at things a little differently but, IMHO, you should concentrate on firefox and IE.

HTH

[styledata]

Thank you so much, that fixed it right up! I should have seen those careless syntax errors, and I will watch more closely in the future.

[styledata]

Wrapping up a few last issues, and this one has me stumped. Options that are for text input (not textarea, of 2 lines or more), are showing the background color and not white. It is hard to discriminate them on the page. Here is an example: http://www.photoimprints.com/persona...d-2x6-p-6.html

I can't figure out which css rule, if that's what it is, controls this.
Anyone know?
thanks!

[clydejones]

Find this line in your stylesheet:

input:focus, select:focus, textarea:focus {background: #FFE6F9;}

change to the color you prefer.

[styledata]

Hi,
Thanks, it actually wound up being the following that fixed it.

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
background-color: White;
}

Unfortunately, it still does a couple of things I don't like as well, but it's better than it was!