www.webdeveloper.com
Results 1 to 4 of 4

Thread: [RESOLVED] IE issues

  1. #1
    Join Date
    Jun 2007
    Posts
    183

    resolved [RESOLVED] IE issues

    I've finally solved most of the issues I've had with IE so far until now when it gives me something else to worry about. So my site is finally fairly close to the basics I want to have but at the bottom of the page in only ie it shows ghost text. Its the last 5 characters of my page all over again. I cant figure out what is wrong. Kept trying to find unclosed tags or div's but can't find any and have no clue what is wrong. My code does validate, too.
    (don't mind my comment on the front page i wasn't very happy at the time i wrote it)
    image03 is how it is viewing in IE and image02 is how it should look.
    Attached Images Attached Images
    Last edited by smyhre; 06-19-2007 at 10:29 AM.

  2. #2
    Join Date
    Jun 2007
    Posts
    183

    my code

    Forgot to post my code


    Heres my html (woops forgot the tag end for the conditional ie style sheet: what i have there is and ending for xhtml not html. Thought i changed that. It still doesn't fix the issue though since the issue appeared before i put that statement in.)
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>

    <HEAD>
    <TITLE>Seth Myhre's Home</TITLE>
    <meta name="Author" content="Seth Myhre">
    <link rel="stylesheet" href="mystyle.css">
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="iesucks.css" />
    <![endif]-->

    <!--[if lt IE 7.]>
    <script defer type="text/javascript" src="pngfix.js"></script>
    <![endif]-->


    </HEAD>

    <BODY>

    <script type="text/javascript" src="wz_dragdrop.js"></script>
    <div id="completecon">

    <div id="header">
    <IMG CLASS="header" SRC="http://www.andrews.edu/~myhre/homepics/01.jpg" ALT="Spring and Rollers">

    <IMG CLASS="header1" STYLE="WIDTH:72px" SRC="http://www.andrews.edu/~myhre/homepics/02.jpg" ALT="Left Side">
    <A HREF="index.html"><IMG CLASS="header1" STYLE="WIDTH:157px" SRC="http://www.andrews.edu/~myhre/homepics/03v.jpg" ALT="Home"></A>
    <A HREF="art.html"><IMG CLASS="header1" STYLE="WIDTH:155px" SRC="http://www.andrews.edu/~myhre/homepics/04.jpg" ALT="Art"></A>
    <A HREF="thing.html"><IMG CLASS="header1" STYLE="WIDTH:194px" SRC="http://www.andrews.edu/~myhre/homepics/05.jpg" ALT="Something Else"></A>
    <A HREF="links.html"><IMG CLASS="header1" STYLE="WIDTH:124px" SRC="http://www.andrews.edu/~myhre/homepics/06.jpg" ALT="Links"></A>
    <IMG CLASS="header1" STYLE="WIDTH:98px" SRC="http://www.andrews.edu/~myhre/homepics/07.jpg" ALT="Right Side">
    </div>
    <!-- DO NOT CHANGE ABOVE -->


    <!-- BODY START -->
    <div id="body">
    <div id="leftbar">
    <IMG NAME="dragme" SRC="http://www.andrews.edu/~myhre/homepics/pentela.png" ALT="Moving Pen" width=25px height=220px>
    </div>

    <div id="content">

    <div id="contentpic">
    <IMG SRC="http://www.andrews.edu/~myhre/homepics/matme.png" ALT="me" width=220px height=268px>
    </div>

    <p class="main">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hey there, welcome to my site! I guess you caught me behind the scenes. My site needs a bit of tweaking. That's why the picture you see is in the matrix. I know, Neo was suppose to fix all the problems in the matrix, but I think he missed my site. Oh well, such is life; now I got to do all the work myself. But hey I finally got it to view right in IE6. (On second thought after much more research and fun times I have once again concluded that microshaft and their browser suck beyond compair. They can't view simple css right so they get special treatment; too bad i can't disband their really crappy software developement team and shut down the company. They should just stop making IE and let it die forever. If you code for websites you know what I mean.) By the way if you want check out my new <A HREF="aias.html">crack</A> at web design.

    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Do you see that pencil on the left side of the page? You just think it's an ordinary mechanical pencil, right? Well, think again! It's my super awesome javascript playtoy! To use it simply move it around the page when you are bored. Leave it anywhere you like. The pencil is out of lead right now, so you won't be able to write with it, but it's still fun to move around. Maybe sometime I'll figure out what lead size fits to make it write.
    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Well thanks to my extensive research on other sites the transition that I was making on my site is finally done. It is now much easier for me to change things rapidly as long as there is something to change on it. The next transition will probably be from html to xhtml boy thats gonna be fun!
    </p>
    </div>

    <div id="rightbar">
    </div>
    </div>
    <!-- BODY END -->


    <!-- DO NOT CHANGE BELOW -->
    <div id="footer">

    <div id="validate">

    <a href="http://validator.w3.org/check?uri=referer"><IMG src="http://www.andrews.edu/~myhre/homepics/valad-html401.png" alt="Valid HTML 4.01 Transitional" height="15px" width="44px" border="0"></a>
    <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.andrews.edu/~myhre/mystyle.css"><img style="border:0;width:44px;height:15px" src="http://www.andrews.edu/~myhre/homepics/valid-css.png" alt="Valid CSS!"></a>
    </div>

    <div id="altnav">
    <a href="index.html">Home</a> | <a href="art.html">Art</a> | <a href="thing.html">Something Else</a> | <a href="links.html">Links</a><br />
    Copyright 2007 Seth Myhre. All rights reserved.

    </div>
    </div>


    </div>


    <script type="text/javascript">
    <!--

    SET_DHTML("dragme");

    //-->
    </script>
    </BODY>

    </HTML>

    Heres my css
    /* IE6 and below suck so bad they need special treatment so they are using iesucks.css also */
    body {background-color: #BBD2B2}
    A:LINK {color: #000000} /* unvisited link */
    A:VISITED {color: #000000} /* visited link */
    A:hover {color: #000000} /* mouse over link */
    A:active {color: #000000} /* selected link */

    /* to make sure z-index is read properly in firefox dont use negative numbers 0=bottom higher numbers are top layers*/
    /* margin order is: top, right, bottom, left */

    * {margin: 0px; padding: 0px;}


    /* images within the header */
    img.header {BORDER: none; z-index: 1; float: left}
    img.header1 {BORDER: none; z-index: 1; float: left}

    /* images having to do with the art page */
    img.art {BORDER: none; WIDTH:100px; HEIGHT:100px; z-index: 1; float: left}
    img.art2 {BORDER: none; WIDTH:200px; HEIGHT:320px; z-index: 1; float: left}


    /* main text block */
    p.main {font-family: "comic sans MS"; text-align: justify; margin: 0px}

    /* secondary text block */
    p.secon {font-family: "comic sans MS"; text-align: justify; margin: 0px}

    /* definition list */
    dl.dia {position: absolute; margin: 0px; max-width: 280px; font-family: "comic sans MS"; z-index: 1}


    /* properties of containers that elements are placed in */

    /* overall proportions - change as you learn and add more */
    #completecon {width: 800px; margin: 0px auto}


    /* header - DO NOT CHNAGE - header */
    #header {z-index: 1; width: 800px; height: 212px; float: left}


    /* content section - CHANGABLE - content section */
    #body {background-image: url('http://www.andrews.edu/~myhre/homepics/09.jpg'); background-repeat: repeat-y; width: 800px; top: 212px; float: left; z-index: 1}
    #leftbar {z-index: 1; width: 110px; min-height: 550px; float: left}
    #content {z-index: 1; width: 580px; min-height: 550px; float: left}
    #rightbar {z-index: 1; width: 110px; min-height: 550px; float: left}
    #contentpic {float: left; border: none; margin: 0px 10px 0px 0px; width: 220px; height: 268px}
    #links {z-index: 1; width: 280px; min-height: 550px; float: left}
    #links1 {z-index: 1; width: 280px; min-height: 550px; float: left}

    /* art - content section - CHANGABLE - content section - art */
    #art {margin: 0px 90px 0px 90px}

    /* footer - DO NOT CHANGE - footer */
    #footer {background-image: url('http://www.andrews.edu/~myhre/homepics/11.jpg'); width: 800px; height: 90px; float: left}
    #validate {z-index: 3; border: none; width: 800px; text-align: center; margin-top: 15px}
    #altnav {z-index: 3; width: 800px; height: 45px; text-align: center; font-family: "times new roman"}
    and heres my special css sheet for IE
    /* Yes the name sayes it all IE SUCKS. I didnt misprint it. IT JUST SUCKS */
    * {margin: 0px; padding: 0px;}


    /* definition list */
    dl.dia {position: absolute; margin: 0px; width: 280px; font-family: "comic sans MS"; z-index: 1}


    /* content section - CHANGABLE - content section */
    #leftbar {z-index: 1; width: 110px; height: 550px; float: left}
    #content {z-index: 1; width: 580px; height: 550px; float: left}
    #rightbar {z-index: 1; width: 110px; height: 550px; float: left}
    #links {z-index: 1; left: 110px; width: 280px; height: 550px; float: left}
    #links1 {z-index: 1; left: 410px; width: 280px; height: 550px; float: left}
    Last edited by smyhre; 06-19-2007 at 11:24 AM.

  3. #3
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    At least 98% of internet users' DNA is identical to that of chimpanzees

  4. #4
    Join Date
    Jun 2007
    Posts
    183

    resolved thanks

    Thanks for the help Ill have to try it when I get off work.
    Last edited by smyhre; 06-19-2007 at 12:56 PM. Reason: RESOLVED

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles