Thank you for being a valued part of the CNET community. As of December 1, 2020, the forums are in read-only format. In early 2021, CNET Forums will no longer be available. We are grateful for the participation and advice you have provided to one another over the years.

Thanks,

CNET Support

General discussion

Sad Face for FF

Mar 11, 2008 7:06AM PDT

Ok, in a shocking turn of events, for the first time in my experience something that I did in CSS isn't working properly in firefox but is in IE. If you would like to see what I'm talking about goto dev.kmbgaming.com in both IE and FF. You will see in FF that one of my elements is not expanding to match up with the element thats inside of it. This is the first time this has happened to me. Any ideas why? Let me know if you need more info.

Discussion is locked

- Collapse -
Chances are, it's not FF but your code
Mar 11, 2008 10:32AM PDT

IE will show you what it thinks you mean -and FF will show you what you wrote - you use HTML doctype but have XHTML closing tags in there (why not just write HTML strict??) - your styles, which ideally, should be in an external stylesheet - or belong in the head section are strewn all over you body.

Clean up your code, make sure it validates, use tables for tabular data and CSS positioning for your layout - and THEN we'll see who's got the sad face Happy

- Collapse -
negative ghostrider :(
Mar 11, 2008 2:24PM PDT

well, my CSS validates, the only thing thats failing in my HTML validation is the form action URL. All the data you see in tables is data pulled from MySQL database, everything else is positioned by CSS. Any other suggestions?

- Collapse -
That does not change what I said
Mar 12, 2008 3:43AM PDT

whether your CSS validates or not - it does NOT belong inside the body.

- Collapse -
...
Mar 12, 2008 6:54AM PDT

I removed it from the body before I validated it.. I do already know that you don't put CSS in the body of the page. The reason the CSS was in the page for the time being was because my pages are comprised of quite a few includes, and when working inside dreamweaver I can't see changes made to a element unless the CSS is in the same page as the include, which is why you saw a few instances of CSS throughout the body. When I'm done i usually pack all of the styles into a external sheet. Which I did so that you could look again and possibly suggest something else since the problem wasn't because CSS was in the page.

- Collapse -
Add clear: both;
Mar 12, 2008 7:35PM PDT

to your #nav.

If you need to work with the css inside the page while building, just put it in the head, where it belongs - how will you ever know what may be causing a problem if things are all mixed up?

- Collapse -
that worked!
Mar 13, 2008 3:09AM PDT

thanks a lot, that worked. I didn't know about that property, or, from what i read about it, know why it worked in this situation. But hey, i'm not complaining Happy

while i understand what your saying about the stylesheet, a lot of my includes, especially in the main body portion, are based off of if statements. So in dreamweaver I can't look at lets say my index.php and and view the effects of the CSS on the includes.