CSS Strange behavior width 100% (works - but why? - hope this helps someone)


I found some strange behavior in FF.

as follows is my css
#datadiv1 {
width: 100%;
height: 100%;

#datagrid1 {
width: 100%;
height: 70%

#datagrid1 references the id of the grid
#datadiv1 is NOT on the page at all!!!!!! (except the css bit)

Without the #datadiv1 in my css code, FF will NOT create a 100% width grid, even worse is the fact that there will be no vertical scrollbars.

When I add the #datadiv1 - everything works great and I have a 100% width grid

If anyone knows of a better solution, please let me know.

John P.
July 27,
I would guess that this happens because your stylesheet file has a syntax error just before these rules, and this error breaks parsing for the next rule, so when you insert something in between the next rule starts working again.
Alex (ActiveWidgets)
July 30,
And the most common syntax error is using C-style comments // which are not allowed in CSS...
Alex (ActiveWidgets)
July 30,

This topic is archived.

See also:

Back to support forum