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 8 of 8
  1. #1
    Junior Member
    Join Date
    Dec 2009
    Posts
    18
    Member #
    20714
    My web pages show unwanted space in IE8. (yes, I am a newbie) Could anybody give me a hand?

    For example, the following code

    <p>Online coupons are under development, but for now you can <a href="mailto:edmoilcchange@gmail.com?subject=Edmon ton Oil Change">email us</a> for them.</p>

    will result in unwanted space (a few lines) before the link of "email us" in IE8. But, there is no problem if I use IE6, Firefox or Chrome to browse the page. The page is shown at the following address:

    http://www.edmontonoilchange.com/coupons.php

    What is wrong with the code? How can I fix the problem? I have tried a lot and googled a lot, but I got no luck. Can anybody help me out? Thanks in advance.
    I am happy working on the following: the first, the second, and the third.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    This might be something as simple as identifying the content type.
    Without the content type defined, I think IE goes into "quirks" mode.

    This is your current "header" section:

    Code:
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- Doc Type -->
    
    <html>
    	<head>
    		<title>Edmonton Oil Change</title>
    		<link rel="stylesheet" type="text/css" href="/style.css" />
    	</head>
    
    	<body>

    Try this instead, and see if there are any differences:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Edmonton Oil Change</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="keywords" content="list, of, keywords, here" />
    <meta name="description" content="description of your site here" />
    <link rel="stylesheet" type="text/css" href="/style.css" />
    </head>
    <body>


  4. #3
    Junior Member
    Join Date
    Dec 2009
    Posts
    18
    Member #
    20714
    Thanks mlseim,

    I tried your method, but found no luck.
    I am happy working on the following: the first, the second, and the third.

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    I'm not at my IE8.0 brower (PC) right now, so I can't experiment.

    I did notice your "style.css" file has some HTML tags in it ... like <style> and </style>.
    You don't put HTML tags within a CSS file.

    But I would have to experiment more tomorrow, when I'm on a different PC.

    I know you're doing it all from scratch, and probably learning a lot about CSS ...
    which is a very good thing to do ... but you might want to find a free CSS
    template that you can download and customize. You might find something
    that looks really nice and you can still learn a lot from it. You'll find some good
    CSS templates that work in all browsers, and you'll see how they did it.
    Example: http://www.freecsstemplates.org/


  6. #5
    Junior Member
    Join Date
    Dec 2009
    Posts
    18
    Member #
    20714
    Thanks again for the suggestions.

    As mlseim suggested, I have already removed <style> and </style> from my "style.css" file.

    I still have the problems. The problem exists in the mentioned page and in other pages, wherever is the first "<a href =" in the page.
    I am happy working on the following: the first, the second, and the third.

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Holy cow!

    I sat and stared ... finally, I saw the problem ...

    You have a bunch of these <a> on your menu links ...

    You need to use </a>


  8. #7
    Junior Member
    Join Date
    Dec 2009
    Posts
    18
    Member #
    20714
    Holy cow!

    Mlseim is right. Problem solved.

    I dont know what to say about myself....

    Thanks Mlseim! Thanks a lot for your help and your time.
    I am happy working on the following: the first, the second, and the third.

  9. #8
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Dongfang ...
    Sometimes scripting is like that ...
    The simplest things bring it to a screeching halt.



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 02:46 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com