CSS Errors in FireFox Web Developer

[Sweet ZouZou]

I am trying to get rid of all those little pesky errors in the FireFox Web Developer CSS Error Console. I have the following "warning".

Warning: Error in parsing value for property 'width'. Declaration dropped.
Source File: "http://www.sweetzouzou.com/index.php?main_page=product_info&cPath=cPath=81&products_id=205"
Line: 0

But this warning shows up on every page at least 3 times. Since there is no file referenced, how do I track it down?

Thx Sweet

[Sweet ZouZou]

Still working on this one. I have four (4) "css warnings" from the firefox error console. HTML validator is all clear (green check mark).

"Error in parsing value for property "width". Declaration dropped."

These warnings are located on the main page with no indication as to which file or code to fix. I viewed and searched the page source and found six (6) width callouts as follows. Can anyone see anything wrong with this code?

<div id="logo"><a href="http://www.sweetzouzou.com/"><img src="images/SweetZouZou/SweetZouZou.gif" alt="" width="441" height="142" /></a></div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">

<td id="navColumnOne" class="columnLeft" style="width: 180">

<div id="navColumnOneWrapper" style="width: 180"><!--// bof: categorylistbox //-->

<div class="leftBoxContainer" id="categorylistbox" style="width: 180">

<div class="leftBoxContainer" id="editablesidebox" style="width: 180">

Thx Sweet

[Website Rob]

Not sure about using the method you did but the FF Addon "Firebug" is a treat.

Tells me your problem is here:

http://www.sweetzouzou.com/includes/...stylesheet.css

/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: stylesheet_new.css nifty_zen v1.5 2006-09-06 jettrue $
*/

* {
margin:0;
padding:0;
}

body {


And, although not technically an error, might want to remove this as well for clarity:

http://www.sweetzouzou.com/includes/...ories_menu.css

body {
/*behavior: url(./csshover.htc); WinIE behavior call */
}

[Sweet ZouZou]

Thanks for checking Rob. I have firebug as well but couldn't figure out how to find this problem.

I removed *{margin:0; padding:0;} from the stylesheet but this code is controlling the vertical location of the navMainWrapper tabs ("Log Off" "My Account" etc.) so I put it back.

I removed the other bit of code, but as you know it was commented out so it didn't change anything.

[yellow1912]

simply put px after 0, like 0px, that should solve the "unit error"

[Sweet ZouZou]

Thx yellow for the comment.

Adding px after the 0 added another CSS parsing warning. I think the *{margin:0; padding:0;} code is just fine the way it written.

The CSS error I am fighting has to do with a "width" callout (see above post #2) on every page. There is a cpl more CSS parsing warnings, but I figured to tackle them 1 at a time.

[Website Rob]

* {
margin:0;
padding:0;
}

Values using a zero (0) do not anything else.
The problem is in using an invalid Selector like *.

As the 'body' Selector is usually first, having any before that is somewhat odd. You should better define whatever the margin & padding are being used for. For example, you say they are used for navMainWrapper then why not put them in the navMainWrapper ?

[Sweet ZouZou]

Rob,
I have no idea why this works, but it does. This bit of code came from the Nifty Zen Template and I can't figure out how to move the navMainWrapper back into position once I delete this code. It doesn't cause an HTML or CSS error/warning, so I guess I'll leave it there for now.

However that "width" parsing error is in there somewhere!

Thx Sweet

[gjh42]

You have inline CSS styling expressed as

style="width: 180">

In HTML, you would say width="180", but CSS needs a unit with the dimension, whether it's inline or in a stylesheet.

Change those to

style="width: 180px">

and they should function properly.

[Sweet ZouZou]

Glenn, man that is so obvious now that you pointed that out! OK, so I checked the tpl_main_page.php file and found the following.

<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">

and changed it to

<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>px">

This eliminated the "width" parsing error/warning. I will hunt down the rest and try to do the same.

Is this zencart code?

Thx Sweet