IE is going into quirks mode because you’re using deprecated HTML:
<font size=27 face="Lucida Calligraphy, Verdana" color=#FFFFFF>Utah Collie Rescue</font>
You should use the <h1>
tag that’s just above and style that tag accordingly using CSS.
You should also abolutely position your logo, and define the image width and height. Replace #blogtitle in your CSS with this:
‘#blogtitle
{
position: absolute;
width: 360px;
height: 288px;
top: 10px;
left: 10px;
display: block;
color: #C3DEF1;
border-style:solid;
background: url(img/sheltierescue.jpg) no-repeat;
}`
Let me know how this works.
Thanks so much for your reply!
These style sheets are confusing me, I just try to learn as I go.
I replaced the blogtitle with your, and I moved the title text back into the <h1> tag (it was messing me up before, that’s why I moved it below), and it’s not quite right… but it does look the same in IE and FF.
As you’ll see, I’d prefer to have the logo in the background, and the main content below and just in front.
Thanks, and I hope you’ll not minding looking and helping a bit more! I will leave this up for tonight.
Cynthia
Thanks so much for your reply!
These style sheets are confusing me, I just try to learn as I go.
I replaced the blogtitle with your, and I moved the title text back into the <h1> tag (it was messing me up before, that’s why I moved it below), and it’s not quite right… but it does look the same in IE and FF.
As you’ll see, I’d prefer to have the logo in the background, and the main content below and just in front.
Thanks, and I hope you’ll not minding looking and helping a bit more! I will leave this up for tonight.
Cynthia
Hi Cynthia,
Contact me at ncmccance AT comcast DOT com. I can help you further.