Quote:
Originally Posted by madproject.com
When you have your XML declaration at the top of every page.
Code:
<?xml version="1.0" standalone="no" encoding="UTF-8"?>
It makes IE6 revert to a "quirky" mode and interprets code in a somewhat buggy way. You're better off without it.
|
O.K. I am not using XML.
The site is
www.thevoiceworkshop.com I feel there is too much empty space on the top of the page above the Hr element. I've been trying to reduce this space by using negetive margins (top and bottom) for some of the elements such as H3, H5, Hr and the top of table.toplinks. The results are tried out on
http://www.thevoiceworkshop.com/videos.html I am working at home on a Mac and then I view it on my PC at work. I know it's crazy but I don't have a PC at home. If I optimize on my Mac with IE Mac then its looks odd on IE windows and visa versa. I supect that IE Mac and IE Windows must handle negetive margins differently. But why is it also different on my local machine?
here is the css for the top of the page
body, td.main, ul{
font-size: 93%;
font-family: Verdana,Arial,Helvetica,sans-serif;
color:#006666;
background-color:#ffe6cc;
}
H1, H2, H3, H4, H5, H6, ul, P{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #006666;
}
H5.jean{
margin-top: -2.5em;
margin-bottom: -1.2em;
}
H3.theme {
margin-top: -3em;
margin-bottom: -2em;
}
table.banner {
margin-top: -.3em;
margin-bottom: -.5em;
}
table.toplinks{
margin-top: -.4em
}
HR{
margin-bottom: -1em;
margin-top: -1.8em;
width: 100%;
height: 0.2em;
color: #006666;
}