Help anyone! Am a newbie to CSS. Have found that implementing a website with just the info in the Beginning ASP.NET 2.0 book is not enough to make it professional looking.
Hence studying this CSS beginner's book.
However, am going crazy trying to get the very first Try It Out to work.
Below is my code, which is as close to the book as I can get it. I do not get the results as shown on page 39, Fig 2-8 and 2-9. Rather, I get the text that should display in the tables, simply listed. Same bad results whether I include or exclude the DTD quirks or standards-compliant mode.
See comments at bottom of source list below to see my results.
--------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title> Doctype Sniffing </title>
<style type='text/css' media =âallâ>
table {
margin: auto;
}
td {
background: green;
margin: 10%;
border: 5px solid black;
padding: 10%;
width: 100%;
color: black;
font-size: 200%;
text-align: center;
}
div {
background: green;
border: 5px solid black;
font-size: 200%;
padding: 1%;
}
#div1 {
float: left;
width: 30%;
}
#div2 {
margin-left: 34%;
width: auto;
}
</style>
</head>
<body>
<table>
<tr>
<td>
Some content.
</td>
</tr>
</table>
<div id='div1'>
This div smells funny.
</div>
<div id='div2'>
This div has a <em>strange</em> and rather pleasant odor about it.
</div>
</body>
</html>
Below is what displays in my VWD Express Browser:
Note: VWD Express Browser works because it displays
the html from Exercise 2-1 just fine!
Anyway, get the same bad result on exercise 2-4/5 when I use IE6 directly.
---------------------------------------------------------------
Some content.
This div smells funny.
This div has a strange and rather pleasant odor about it.
---------------------------------------------------------------
-->
Thanks.
VictorVictor
Ch 2 Try It Out Example 2-4. Different results.
