Internet Explorer OK. But Firefox shows big space?!

5 replies
  • WEB DESIGN
  • |
Hey,

Can someone verify my problem please? My sales letter is showing a big space between the scroll and the logo in Firefox, but in Internet Explorer it looks fine.

Does someone see a big space (about 1 screen long) between the end of the scroll and the logo of my Ebook?

The link is here:

Tips 4 Travian: "What I Wish I Knew When I Started!"
#big #explorer #firefox #internet #shows #space
  • Profile picture of the author Dantplayer
    I still haven't figured this out. I thought it might be a CSS style sheet that needs to have a reference made for Firefox in it, but I have no idea where to start. Dreamweaver typically embeds the style sheet in the HTML document.

    Any ideas how to go around this?

    On the other hand there might be something wrong with my browser. Can someone please check the URL I posted in the FF browser to see if there is a large space?

    Thank you
    Signature

    Join the Madness on Facebook!

    {{ DiscussionBoard.errors[807936].message }}
    • Profile picture of the author mojojuju
      Yes, there is a big space when viewed with Firefox.

      Your HTML is kind of klunky. I think you should consider rebuilding your page with more 'proper' HTML coding.

      For instance, there's a block of text that looks like this:

      Code:
          <br /><br /><br /><br /><br /><br /><br />
          <p>&nbsp;</p>
        <br /><br /><br /><br /><br /><br /><br />  
        <br /><br /><br /><br /><br /><br /><br />
         <br /><br /><br /><br /><br /><br /><br />  
        <br /><br /><br /><br /><br /><br /><br />
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
      What that's doing can be better be accomplished by using suitable padding & margins.

      The page source is kind of a mess of tables where styled div's could do the job in a cleaner & more easily maintainable way.

      Sorry to not offer any fix, but any fix here would just be applying hacks to correct hacks. Might be best to start over & avoid those tables.
      Signature

      :)

      {{ DiscussionBoard.errors[808053].message }}
  • Profile picture of the author Dylan W
    I suggest you remove the:

    <br /><br /><br /><br /><br /><br /><br />
    <p>&nbsp;</p>
    <br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    Bit in the middle!
    {{ DiscussionBoard.errors[808055].message }}
  • Profile picture of the author prelude_vtec
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[808564].message }}
    • Profile picture of the author Dantplayer
      Ok, so not use tables. They're really the only way I've been able to keep my text centered in the middle.

      That will give me something to research though. Thanks.
      Signature

      Join the Madness on Facebook!

      {{ DiscussionBoard.errors[810586].message }}
  • Profile picture of the author Dylan W
    CSS is the way forward.

    If you create the following in your CSS file:

    #nameofdiv
    {
    margin-left:auto;
    margin-right:auto;
    }

    and in the html

    <div id="nameofdiv">

    ...content here

    </div>

    Any content within the div tags will be centered to the page.

    Add a "width=700px;" or whatever value you like to control the div width as you would a table.

    Let me know if I can be of more help.
    {{ DiscussionBoard.errors[810767].message }}

Trending Topics