Forum Moderators: not2easy
Posting links to personal URL's is against the Terms of Service [webmasterworld.com] or WebmasterWorld. I'd urge you to remove it before a mod/admin comes along and does it anyway!
Maybe the best way to approach this is to describe the differences you're seeing, and what elements you think are causing the problem.
That way we can help to narrow down the possibilities and begin to suggest solutions.
I wasn't posting the links for any self promotion or anything like that its just without seeing it, or at least screenshots of my results and snippets of the code.
But not knowing whats wrong I can't even hazard a guess as to what to describe to you.
Ok its a forum, like this forums main page, the layout is similar, all using divs and a few spans. The divs are layed out like this:
LINKS (new topic etc) - float left
INFO (page number etc) - float right
TITLE - width 98%
POSTED - float left - width set etc.
TOPIC - float left - width set etc.
VIEWS - float left - width set etc.
REPLIES - float left - width set etc.
LAST REPLY - float left - width set etc.
FORUMBODY - width 98%
ROWTYPE (alternates colour)
POSTED - as above
TOPIC - as above
VIEWS - as above
REPLIES - as above
LAST REPLY - as above
It all looks like you'd expect (although you can't tell much from my description) a forum to in IE and Opera, but in Netscape everything is all over the place, the different ROWTYPES are very thin and at the top of the window.
That's the best I can describe this mess.
-D
I've run all the CSS and HTML (output from PHP) through W3C's validators and they are both perfect, nothing wrong at all.
The main problem I'm having with NS now is:
The alternating rows (set by ROWTYPE) background colour is only one line high, even though the row content is at least 2 or 3 lines high.
heres the CSS for them:
.f-row-type1 {
width: 100%;
padding-top: 4px; padding-bottom: 4px;
border-bottom: thin dashed #CCCCCC;
background-color: #FCFCFC;
}
any help?
-D
But I thought I'd just give you this quote from the complete css guide [westciv.com]:
Note that a class name should comprise only alpha numeric characters, and hyphens. They cannot include underscores and other characters, nor spaces. A class cannot begin with a numeral.
-D
Nothing in the grammar of CSS2 prevents you from using any old character in a class name, provided you have it in unicode form. (Well, except for the definition of the ~= attribute selector that matches "a space-separated list".)
Hrm, this could be a novel way of distinguishing between IE6 and other browsers that support the complete CSS2 grammar.
These work in Gecko and IE6:
p { color: red }
.\--- { color: green }
.\e { color: green }
.\f { color: green }
.\30 { color: green }
.\5f { color: green }
<p class="---">This text should be green
<p class="^N">This text should be green
<p class="^O">This text should be green
<p class="0">This text should be green
<p class="_">This text should be green
Gecko additionally supports .\b and .\c as selectors.
Can anybody tell me what this does on browsers other than IE6 and Gecko (it works on both of these):
.\31 x { color: green }
<p class="1x">This text should be green
I really scared myself when I saw you could put in crazy stuff like a ^N in a selector and have it work.
Several browsers support using a bare underscore in the selector (its valid in the HTML) even though it must be unicode escaped.
I must remember this for my examples, thanks for bringing it up!