Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Feb 2009
    Posts
    2
    Member #
    18327
    I recently built my online portfolio for college.

    Everything is working perfectly fine in FF.

    In IE, it seems to be blocking out my content section on each page and not allowing the visitor to click any of the links contained within the content or scroll down in the content section.

    I've stared at my code for hours but just can't understand what's wrong with it.

    Someone please help

    http://www.pgmdesign.co.uk

  2.  

  3. #2
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    Quote Originally Posted by beezer123
    I recently built my online portfolio for college.

    Everything is working perfectly fine in FF.

    In IE, it seems to be blocking out my content section on each page and not allowing the visitor to click any of the links contained within the content or scroll down in the content section.

    I've stared at my code for hours but just can't understand what's wrong with it.

    Someone please help

    http://www.pgmdesign.co.uk
    W3C validator isn't recognizing your opening <head> tag. I am not too familiar with using HTML 4.01, I use XHTML instead; however, I don't really see what else the problem could be. It wouldn't really be that hard to change this to xhtml transitional, and you wouldn't have to make 1000's of changes. I ran your page through the w3c validator and used it to "clean up" the page. This is the new html:
    Code:
     <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
    <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Student Web Designer | PGMDesign</title>
    <meta name="generator" content="TextMate http://macromates.com/">
    <meta name="author" content="Peter Mitchell">
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta name="description" content="Online Portfolio of Graphic Design + Web Design Student, Peter Mitchell">
    <meta name="keywords" content="Student Web Design, Student, Web Design, Web development, Online Portfolio, Student Portfolio, Web Design Portfolio">
    <meta name="verify-v1" content="vEE/Dbu6eEBEpPyvhXVCIS5CVIoK1WtikIZKYSSBKBQ="><!-- Date: 2009-02-13 -->
    
    <style type="text/css">
     div.c2 {text-align: center}
     img.c1 {top: 9px; margin-top: -8px; margin-bottom: -8px; margin-left: 20px;}
    </style>
    </head>
    <body>
    <img class="c1" src="logo5.png" alt="** PLEASE DESCRIBE THIS IMAGE **">
    <hr>
    <ul>
    <li><a id="home" href="index.html" title="Home" name="home"><span>home</span></a></li>
    <li><a id="about" href="about.html" title="About Me" name="about"><span>about</span></a></li>
    <li><a id="portfolio" href="portfolio.html" title="Portfolio" name="portfolio"><span>portfolio</span></a></li>
    <li><a id="links" href="links.html" title="Links" name="links"><span>links</span></a></li>
    <li><a id="flickr" href="http://www.flickr.com/photos/beezer123/" title="Flickr" target="_blank" name="flickr"><span>flickr</span></a></li>
    </ul>
    <br>
    <div id="content">
    <p>This is the online portfolio of Peter Mitchell. A Student Graphic and Web Designer.<br>
    I will be using this to showcase all of the work that I am doing at college along with some personal projects that I am working on.</p>
    <hr>
    <p>At the moment I'm working on building an interactive learning tool for Primary 2 pupils at Fyvie Primary School in Aberdeenshire, Scotland.<br>
    For more examples of my work please visit the <a href="portfolio.html">portfolio page</a> <em>(Under construction)</em>.</p>
    <hr>
    <p>I am also offering a Website making service for a negotiable fee. Please get in <a href="mailto:peter@pmdesign.site90.com" target="_blank">contact</a> for more information.</p>
    <br>
    <br></div>
    <div id="images"><img src="web.png" border="1px" alt="** PLEASE DESCRIBE THIS IMAGE **"><br>
    <img src="graphic.png" border="1px" alt="** PLEASE DESCRIBE THIS IMAGE **"></div>
    <hr>
    <div class="c2">
    <p><a href="mailto:peter@pmdesign.site90.com">Contact</a>    <a href="sitemap.xml">Sitemap</a>    Design and content Copyright PGMDesign 2009</p>
    </div>
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script><script type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-7508919-1");
    pageTracker._trackPageview();
    } catch(err) {}
    </script><!-- www.000webhost.com Analytics Code -->
    <script type="text/javascript" src="http://analytics.hosting24.com/count.php">
    </script><noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting"></a></noscript><!-- End Of Code -->
    </body>
    </html>
    I'm not having any problems scrolling in IE7, but I can't use the links in the content. Hopefully that helps, and you are able to see the differences.
    Semantic, Valid, and Accessible Design!


  4. #3
    Member
    Join Date
    Aug 2008
    Location
    Chicago IL, USA
    Posts
    83
    Member #
    17217
    try closing the link and meta tags. FF knows that they are supposed to close, but IE6 isn't that sophisticated.
    drew beta - Portfolio, Blog500 - Graduate Studies Blog, WP4P - Blog, Life in Beta - Music Podcast for Nerds

  5. #4
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    Quote Originally Posted by drewbeta
    try closing the link and meta tags. FF knows that they are supposed to close, but IE6 isn't that sophisticated.
    They don't have to be closed in HTML4.01.
    Semantic, Valid, and Accessible Design!


  6. #5
    Member
    Join Date
    Aug 2008
    Location
    Chicago IL, USA
    Posts
    83
    Member #
    17217
    I know that technically they do not need to be closed, but I have often encountered that it causes problems when they are not. It's a simple thing that you can try, and if that's not the problem, no harm no foul
    drew beta - Portfolio, Blog500 - Graduate Studies Blog, WP4P - Blog, Life in Beta - Music Podcast for Nerds

  7. #6
    Member
    Join Date
    Aug 2008
    Location
    Chicago IL, USA
    Posts
    83
    Member #
    17217
    the whole thing looks like a wreck in IE6. you can't really use pngs without a hack to render the alpha transparencies you know? Also, you have a lot of your divs overlapping and such. IE6 won't let you click through the layers, so you're going to have some issues. I would re-think the way that you are building this altogether.

    put the writing and about div both within the content div and float them both left for starters. Make sure that they are separated from each other and not overlapping. get the firebug extension for ff. it is very useful in helping to visualize what you are doing wrong.

    I would also switch the doctype to at least a transitional XHTML dtd, as browsers will render a more predictable result.
    drew beta - Portfolio, Blog500 - Graduate Studies Blog, WP4P - Blog, Life in Beta - Music Podcast for Nerds


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:31 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com