Menu
Community /Pin to ProfileBookmark
I don't mean to put JavaScript in the CSS forum, but you sound like a good person to ask. The script above is perfectly correct, but it gets those errors in the Validator.
-------------------------------------------------
I have one more question, and this one does have to do with css. I want to have curved corners on a div, but it shows up like:
[img]http://www.vivxdesign.com/Shareaza/mozbug3.jpg [/img]
Why does the <div> close itself early?
Mozilla Bug?
I have a table that displays database records. It worked fine until I added a <div> tag above the <table> code.
Here is my page in IE:
[img]
…and here it is in Firefox 1.0 Final
[img]
Has anyone ever seen anything like this before? Usually, IE is the one I have trouble with. ?
Here is the relavent code:
[code=php]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>Database Records – Project H.O.P.E – Groups</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>
<form id=’formAction’ name=’formAction’>
<p>
<div class=’functions’>
<center>Project H.O.P.E. Database</center>
<input type=’button’ value=’Delete’ onclick=’deleteRecords()’ />
<input type=’button’ value=’Email’ onclick=’emailPeople()’ />
</div></p>
<p>
<table style=”display:block;border:1px solid black;margin:1px;position:relative;” border=”0″ cellspacing=”3″ cellpadding=”0″ align=”center”>
<tr>
<td align=”center” bgcolor=”#D7FFD7″ height=”40″ valign=”top”>
<div style=”clear:both”><strong>All</strong><br /><input type=’checkbox’ onchange=’checkAll()’ id=’allCheck’ /></div>
</td>
<td align=”center” bgcolor=”#D7FFD7″ height=”40″ valign=”top”>
<div style=”clear:both”><strong>ID<br />(<a href=”?ID=on&field=ID&order=asc”>+</a>/<a href=”?ID=on&field=ID&order=desc”>-</a>)</strong></div>
</td>
</tr>
<tr>
<td bgcolor=”#EFE0E0″ align=”center” height=”40″ valign=”middle”><div style=”clear:both”><input type=’checkbox’ value=’7′ /></div>
</td>
<td bgcolor=”#EFE0E0″>7
</td>
</tr>
<tr>
<td bgcolor=”#D9DAFF” align=”center” height=”40″ valign=”middle”><div style=”clear:both”><input type=’checkbox’ value=’11’ /></div>
</td>
<td bgcolor=”#D9DAFF”>11</td>
</tr>
</table>
</p>
<p>
<div class=’functions’>
<input type=’button’ value=’Delete’ onclick=’deleteRecords()’ />
<input type=’button’ value=’Email’ onclick=’emailPeople()’ />
</div>
</p>
<input type=’hidden’ id=’numRecs’ value=’2′ /></form>
</body>
</html>
[code=php]
/*Contents of style.css*/
.functions{
float:left;
border-color:#0000FF;
border-style:solid;
border-width:1px;
padding:1px;
margin:1px;
background-color:#D9DAFF;
width:100%;
height:auto;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:#fefeff;
font-weight:900;
position:relative;
}
body {
color:#333;
background-image: url(“images/silverStripe.jpg”);
margin:20px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;
}
It looks like to me that instead of the table respecting is relative positon, it renders at the coordinate (20,20) because the body’s padding is set to 20px. That doesn’t explain why the table is off to the right though.
Any help would be appreciated. ?
Sign in
to post a comment10 Comments(s) ↴
0
@mercury7Dec 16.2004 — #[b]Straight from the validator[/b]
From Line 14, column 16: character ";" not allowed in attribute specification list
for(i=0;i<num;i++){
✉
Line 14, column 16: element "num" undefined
for(i=0;i<num;i++){
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element), or by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
✉
Line 19, column 16: character ";" not allowed in attribute specification list
for(i=0;i<num;i++){
✉
Line 19, column 16: element "num" undefined
for(i=0;i<num;i++){
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element), or by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
✉
Line 27, column 65: character "&" is the first character of a delimiter but occurred as data
...tp://project-hope.us/delete_members.asp?table=groups&";
If you wish to include the "<" character in your output, you should escape it as "<". Another possibility is that you forgot to close quotes in a previous tag.
[/QUOTE]
[code=php]
function checkAll(){
var num=document.getElementById("numRecs").value;
window.status=num;
if (document.getElementById('allCheck').checked==true){
for(i=0;i<num;i++){
document.forms[0].elements[i+3].checked=true;
}
}
else{
for(i=0;i<num;i++){
document.forms[0].elements[i+3].checked=false;
}
}
}
[/code]I don't mean to put JavaScript in the CSS forum, but you sound like a good person to ask. The script above is perfectly correct, but it gets those errors in the Validator.
-------------------------------------------------
I have one more question, and this one does have to do with css. I want to have curved corners on a div, but it shows up like:
[img][code=php]
<div class='functions'>
<img class="fl" src="images/dtlb.jpg" />
<img class="fr" src="images/dtrb.jpg" />
<input type='button' value='Delete' onclick='deleteRecords()' />
<input type='button' value='Email' onclick='emailPeople()' />
<img class="fl" src="images/dblb.jpg" />
<img class="fr" src="images/dbrb.jpg" />
</div>
[/code][code=php]
.functions{
padding:0px;
margin:0px;
background-color:#D9DAFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fefeff;
font-weight:900;
text-align:left;
}
.fl{
float:left;
margin:0px;
}
.fr{
float:right;
margin:0px;
}
[/code]Why does the <div> close itself early?