[RESOLVED] CSS classes not displaying at all

Printable View

03-14-2010, 07:52 PM
iamzaks

[RESOLVED] CSS classes not displaying at all

Hello all, I am facing a problem and I do not know what to do. The CSS styles I define as classes are not showing up on my browser previews, however, in DreamWeaver they look fine, I have ruled out any human error, I really don't think it's me, is there something I'm missing here?
This is the Style code that I placed in the HEAD

Code:

<style type="text/css"> .960px { width: 960px; margin: 0 auto 0 auto; } .2col { width: 460px; margin: 0 10px 0 10px; float:left; } </style>

and these are the divs (they are in the body):

Code:

<div class="960px"> <div class="2col"> hi </div> <div class="2col">hello </div> </div>

I have no idea what might be happening! It all seems fine, am I missing a dot somewhere?

Thank you in advance for your help,
I really appreciate it
03-14-2010, 07:55 PM
iamzaks

PD: I forgot to mention, I have changed the class names like 3 times already, only letters and with numbers and such...
03-14-2010, 07:59 PM
tirna

I don't usually start class or id names with numbers. I don't even know if it's technically allowed.

I put an 'a' infront of them and all seems to work ok in IE8.

I put a 1px border around the divs so you can see where they actually are.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .a960px { border: 1px solid red; width: 960px; margin: 0 auto 0 auto; } .a2col { border: 1px solid green; width: 460px; margin: 0 10px 0 10px; float:left; } </style> </head> <body> <div class="a960px"> <div class="a2col"> hi </div> <div class="a2col">hello </div> </div> </body> </html>
03-14-2010, 08:06 PM
tirna

and if you want hi and hello to appear to be on the one line,

maybe try this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .a960px { border: 1px solid red; width: 960px; margin: 0 auto 0 auto; } .a2col { border: 1px solid green; width: 460px; margin: 0 10px 0 10px; } #div1 { float:left; } </style> </head> <body> <div class="a960px"> <div class="a2col" id="div1"> hi </div> <div class="a2col">hello </div> </div> </body> </html>
03-15-2010, 06:54 AM
Fang

Quote:

Originally Posted by tirna

I don't usually start class or id names with numbers. I don't even know if it's technically allowed.

No, their not: http://www.w3.org/TR/REC-html40/types.html#type-name
03-15-2010, 09:33 AM
iamzaks

yes, that was the problem! Dreamweaver does allow the use of numbers first, that is why I could preview it in the program, but when I tried it in firefox or any other browser it did not work because it is not supported.

Thank you all for your help! :D