I have run into an issue where the inclusion of the
following causes the absolute positioning of div's  to
be ignored:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

You can see the behavior with the above line at:
http://s92454869.onlinehome.us/test1.html

And without the above line at:
http://s92454869.onlinehome.us/test2.html

The boxes should be appearing throughout the page vs.
being bunched at top-left.  The full source follows
below.  How can I modify the CSS so it works per
test2.html and validates?

Thanks.

---------------------------------------

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";
xml:lang="en-US" lang="en-US">
<html>
<head>
<style type="text/css">
<!--
#VTP {
  width: 609px;
  height: 539px;
  margin-top: 2px;
}
#VTP div {
  position: absolute;
}
#VTP span {
  padding: 5px;
  display: block;
  border: 1px solid #666;
}
#VTPdata .temp {
  padding: 0px;
  font-size: 12pt;
  border: 0px;
}
-->
</style>
</head>
<body>
  <div id="VTP">
    <div id="VTPdata">
      <div style="margin-left: 440; margin-top:
100;"><span>4300'</span></div>
      <div style="margin-left: 510; margin-top:
140;"><span>4000'</span></div>

      <div style="margin-left: 420; margin-top:
220;"><span>3300'</span></div>
      <div style="margin-left: 185; margin-top:
340;"><span>2300'</span></div>
      <div style="margin-left: 120; margin-top:
490;"><span>1600'</span></div>
    </div>
  </div>
</body>
</html>

__________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam
protection around 
http://mail.yahoo.com 

__________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to