Jump to content

Confusing XHTML/CSS w/IE7 problem. Help please?

Guest bj_waters

Recommended Posts

Guest bj_waters

I have a bizzare problem. In IEv7.0.5370.11, I cannot seem to make the links in the sidebar work. It is like they aren't recognized as links. I've plugged the site into Firefox and it works fine, but I would like to have it work with IE as well. So if I could have a little help, please.Here is the HTML, called index.htmlThe stylesheet is beneath this.--------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="em" xml:lang="em"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Tyro Comics // Home</title><link type="text/css" rel="stylesheet" href="tyro.css" /></head><body><div id="header"><a href="http://www.tyrocomics.com"><img src="tyrologo.jpg" alt="Tyro Logo" /></a><img src="btmmainlogo.gif" alt="" /><img src="tnmmainlogo.gif" alt="" /> <img src="ftlmainlogo.gif" alt="" /></div><div id="sidebar"><h2>Latest Comics</h2><p><a href="terryandmorris/index.html">Terry and Morris</a><br /><a href="forwardtolaziness/index.html">Forward To Laziness</a><br /><a href="stringtheory/index.html">String Theory</a><br /><a href="breakingthemold/index.html">Breaking The Mold</a><br /></p><h2>Navigation</h2><p><a href="newsarchives.html">News Archives</a><br /><a href="comics.html">Comics</a><br /><a href="tyrocreed.html">Tyro Creed</a><br /></p></div><div id="main"><h2>News</h2><div class="newsitem"><p class="time">[10-15-07 3:07pm MST]</p><p>Believe it or not, I really have been updating this site rather regularly. <a href="breakingthemold/index.html">Breaking The Mold</a> has been growing rapidly, already past 20 comics. I'll try to have an archives page up soon for it. It will most likely surprass <a href="forwardtolaziness/index.html">Forward To Laziness</a> before the month is out. Kudos to Kenneth Locke for being consistent and agreeing to be a part of us. Now I need to find other artits out there who will consistently put stuff up and get myself to not leave <a href="terryandmorris/index.html">Terry and Morris</a> behind.</p></div><div class="newsitem"><p class="time">[09-20-07 2:20pm MST]</p><p><em>Behold the NEW Tyro Comics Website!!!</em> After too long of a period of time, I finally update this website. I have decided to put my new Web Design skills to use and hopefully make this website better. Look forward to new changes in the future. (Although, the ads may not disappear anytime soon.)</p><p>In any case, I do have good news!! Kenneth Locke has decided to join us here at Tyro. His new comic, <a href="breakingthemold/index.html">Breaking The Mold</a> will tell the story of college students learning to live the Campus Life. While this may seem to be similar to my <a href="terryandmorris/index.html">Terry And Morris</a>, I hope to end up in a completely different place. <a href="breakingthemold/index.html">Breaking The Mold</a> will definitely be more "slice-of-life" than mine.</p><p>John Ramsten's String Theory still isn't up yet, but it should be up shortly. However, due to changes in John's life-plan, String Theory will be put on hiatus for some time. And as for the other possibilities, I haven't heard from them lately. I'll have to keep looking in order to help the Tyro Comics family. In the meantime, keep checking up on us. Hey, I might even draw a new comic sometime.</p></div></div></body></html>----------------------------------------------------------Here is the stylesheet, called tyro.css-------------------------------------------------------------body { background-color: #A9A9A9; }div#header { background-color: white; border-top: 2px solid #800000; border-left: 2px solid #800000; margin-left: 5px; }div#header img { border: 0px; margin-right: 10px; }div#header a:link { border: 0px; }div#header a:visited { border: 0px; }div#main { margin-top: 0px; margin-left: 190px; margin-right: 100px; font-family: sans-serif; padding-left: 3px; }div#main h2 { border-top: 2px solid #800000; border-left: 2px solid #800000; background-color: white; font-style: italic; }div.newsitem { border-top: 2px solid #800000; border-left: 2px solid #800000; background-color: #DDDDDD; margin-bottom: 10px; padding: 10px; }p.time { font-weight: bold; }div#tabletime { margin-left: 5%; }table { border: 2px solid #800000; border-collapse: collapse; background-color: #DDDDDD; }table th { text-align: right; border: 2px solid #800000; padding: 3px; }table td { border: 2px solid #800000; padding: 3px; }div#comicmain { text-align: center; }div#sidebar { float: left; background-color: #DD3333; padding: 5px; margin-top: 0px; margin-right: 20px; margin-left: 5px; width: 170px; border-top: 2px solid #800000; border-left: 2px solid #800000; }div#sidebar h2 { color: #0000FF; font-family: "Franklin Gothic Medium", sans-serif; border-bottom: thin solid black; }div#sidebar a { color: white; }-----------------------------------------------------------------------------Any advice would be greatly appreciated. Thank you

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...