Forum Moderators: open
W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]
Trying to fix cross-browser problems with any errors in the code can be extremely frustrating and sometimes, not even possible! This is because each browser has its own error recovery routine, and they don't all work the same way.
Now I have removed all the red borders, yet they still appear in IE and FF. I have tried refreshing, closing down and re-opening, checking for sily mistakes etc but nothing is working. I have specified:
#sect1 {
border: none;
}
which does actually remove the borders, but I dont really want to put that in every ID, as it probably isnt the correct way to do things. It must mean there is some other problem so wondered if this was a common thing to happen? Maybe my computer has a problem, i dunno...
you should download and try Web Developer 1.1.4 for Firefox, which has several tools for debugging CSS problems.
If it's still there,
#sect1 {
border: 1px solid red;
}
What is sect1? A div, table, paragraph, what? Do you have a border selector somewhere on an element? is #sec1 part of a class that still has a border?
div {
border: 1px solid red;
}
.some-class {
border: 1px solid red;
}
