• 0

quick website question (i hope)


Question

I'm new at making sites so i'm making a fake site just to practise. I was wondering if anyone can tell me how to get rid of the thin boarder between the header and the content. For some reason it is bigger in firefox than in chrome. I've 'inspected the elements' in chrome but can't find the corresponding css in my site.

Also, in the advertising section, there is supposed to be an image at the top like the other sections. it shows up in firefox and safari, but in chrome it isn't there at all?

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

You actually do not have a "header" in the sense that you created a div called 'header.' (#header)

You should do this:

  <div id="header">
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="120" id="FlashID" title="banner">
    <param name="movie" value="flashbanner/banner.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don?t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />

    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="flashbanner/banner.swf" width="800" height="120">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->

      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>

In for your stylesheet you would have:

 #header {
   margin: 0 auto;
   width: ###px;
   height: ###px;
 }

Also, don't intermingle tables with CSS (divs). Use one or the other and in this case: just use DIVs. You probably have default cellspacing and cellpadding on the table as I didn't see you "clear" it out by having their values set to zero.

If you need to learn how to create columns with divs/css: http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

Link to comment
Share on other sites

  • 0

thanks. i was just playing with creating data with tables and inserting spry data sheets... if that makes any sense... i'm pretty blind with this as you can tell, lol.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.