Why I get a top margin. Going crazy here. Need some help, please.

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • shapper
    #1

    Why I get a top margin. Going crazy here. Need some help, please.

    Hello,

    I am creating a centered web site with various div's inside the main
    (pBase) div.

    Somehow, I am getting a gap on the top of my browser window both in IE
    and Firefox.

    I tried everything I could think of. Here is my entire HTML code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <title>Test</title>
    </head>
    <body style="text-align: center">
    <div id="pBase" style="clear:bo th; margin: 0px auto; text-align:left;
    width:960px">
    <div id="pHeader">pH eader</div>
    <div id="pContent">
    <div style="clear:bo th"></div>
    <div id="pLogo" style="float:le ft;width:107px; ">Logo</div>
    <div id="pMenu" style="float:le ft;width:600px; ">Menu</div>
    <div style="clear:bo th"></div>
    <div id="pWhatsUp" style="float:le ft;width:647px; ">WhatsUp</div>
    <div id="pLogin" style="float:le ft;width:100px; ">Login</div>
    <div style="clear:bo th"></div>
    <div id="pLeft" style="float:le ft;width:100px; ">Left</div>
    <div id="pCenter" style="float:le ft;width:100px; ">Center</div>
    <div id="pRight" style="float:le ft;width:100px; ">Right</div>
    <div style="clear:bo th"></div>
    </div>
    <div id="pFooter">pF ooter</div>
    </div>
    </body>
    </html>

    Could someone please help me out? I don't know what else to try!

    Thanks,
    Miguel

    Tags: None
    • dorayme
      #2
      Re: Why I get a top margin. Going crazy here. Need some help, please.

      In article
      <1167263829.760 926.154210@79g2 000cws.googlegr oups.com>,
      "shapper" <mdmoura@gmail. comwrote:
      Hello,
      >
      I am creating a centered web site with various div's inside the main
      (pBase) div.
      >
      Somehow, I am getting a gap on the top of my browser window both in IE
      and Firefox.
      >
      I tried everything I could think of. Here is my entire HTML code:
      >
      Could someone please help me out? I don't know what else to try!
      >
      I cannot make head nor tail of what you are doing really? But if
      you want to be rid of gaps at the top try

      <body style="margin:0 ;padding:0;>

      at least...

      You id things but there is no css sheet... Perhaps post a url.

      --
      dorayme

        Comment

        • shapper
          #3
          Re: Why I get a top margin. Going crazy here. Need some help, please.

          Hi,

          I am not using CSS because I added all CSS styles in HTML code.
          I tried your suggestion. I keep having the gap on the top.

          Any idea?

          Thanks,
          Miguel


          dorayme wrote:
          In article
          <1167263829.760 926.154210@79g2 000cws.googlegr oups.com>,
          "shapper" <mdmoura@gmail. comwrote:
          >
          Hello,

          I am creating a centered web site with various div's inside the main
          (pBase) div.

          Somehow, I am getting a gap on the top of my browser window both in IE
          and Firefox.

          I tried everything I could think of. Here is my entire HTML code:
          >
          Could someone please help me out? I don't know what else to try!
          >
          I cannot make head nor tail of what you are doing really? But if
          you want to be rid of gaps at the top try
          >
          <body style="margin:0 ;padding:0;>
          >
          at least...
          >
          You id things but there is no css sheet... Perhaps post a url.
          >
          --
          dorayme

            Comment

            • shapper
              #4
              Re: Why I get a top margin. Going crazy here. Need some help, please.

              In fact it does work. I needed to clear the browser cache.

              One question I have is:
              Should I use a container around divs which float left?

              I always get different answers or opinions.

              I am a little bit lost about it since it is working in Firefox 2.0 and
              IE 6.0 without the container.

              Thanks,
              Miguel


              shapper wrote:
              Hi,
              >
              I am not using CSS because I added all CSS styles in HTML code.
              I tried your suggestion. I keep having the gap on the top.
              >
              Any idea?
              >
              Thanks,
              Miguel
              >
              >
              dorayme wrote:
              In article
              <1167263829.760 926.154210@79g2 000cws.googlegr oups.com>,
              "shapper" <mdmoura@gmail. comwrote:
              Hello,
              >
              I am creating a centered web site with various div's inside the main
              (pBase) div.
              >
              Somehow, I am getting a gap on the top of my browser window both in IE
              and Firefox.
              >
              I tried everything I could think of. Here is my entire HTML code:
              >
              Could someone please help me out? I don't know what else to try!
              >
              I cannot make head nor tail of what you are doing really? But if
              you want to be rid of gaps at the top try

              <body style="margin:0 ;padding:0;>

              at least...

              You id things but there is no css sheet... Perhaps post a url.

              --
              dorayme

                Comment

                • dorayme
                  #5
                  Re: Why I get a top margin. Going crazy here. Need some help, please.

                  In article
                  <1167267841.979 049.18160@79g20 00cws.googlegro ups.com>,
                  "shapper" <mdmoura@gmail. comwrote:
                  I cannot make head nor tail of what you are doing really? But if
                  you want to be rid of gaps at the top try
                  >
                  <body style="margin:0 ;padding:0;>
                  >
                  at least...
                  >
                  You id things but there is no css sheet... Perhaps post a url.
                  >
                  --
                  dorayme
                  In fact it does work. I needed to clear the browser cache.
                  >
                  One question I have is:
                  Should I use a container around divs which float left?
                  >
                  I always get different answers or opinions.
                  >
                  I am a little bit lost about it since it is working in Firefox 2.0 and
                  IE 6.0 without the container.

                  First, please do not top post (fixed slapdashedly by me here...).

                  Your code snippet does not, of itself, exactly show what you are
                  wanting to do, it produces a few words here and there. Please
                  provide a URL and some good description of what you are meaning
                  to do to help out.

                  What is this business of fixing some item 960px to the right?
                  What about those with smaller screens.

                  Frankly, scrap the lot and look at some template you like and go
                  from there.

                  --
                  dorayme

                    Comment

                    • shapper
                      #6
                      Re: Why I get a top margin. Going crazy here. Need some help, please.

                      Hi,

                      I will try to explain it better:

                      I am trying to create a centered web site with 3 main sections:
                      header, content and footer.

                      HEADER
                      CONTENT
                      FOOTER

                      All these sections should be 960px width.

                      Inside content section/div there will be various sections/divs using
                      the following layout:

                      Here is a drawing of the design inside CONTENT:

                      LOGO (width=107px) MENU (width=600px)

                      WHATSUP (width=647px) INSIDE
                      (width=100px)

                      LEFT (width=100px) CENTER (width=100px) RIGHT
                      (width=100px)

                      Basically that's it.

                      The words I added to my code is to identify where each div is going.

                      Could you give me some feedback about my code?

                      Thanks,
                      Miguel

                      dorayme wrote:
                      In article
                      <1167267841.979 049.18160@79g20 00cws.googlegro ups.com>,
                      "shapper" <mdmoura@gmail. comwrote:
                      >
                      I cannot make head nor tail of what you are doing really? But if
                      you want to be rid of gaps at the top try

                      <body style="margin:0 ;padding:0;>

                      at least...

                      You id things but there is no css sheet... Perhaps post a url.

                      --
                      dorayme
                      >
                      In fact it does work. I needed to clear the browser cache.

                      One question I have is:
                      Should I use a container around divs which float left?

                      I always get different answers or opinions.

                      I am a little bit lost about it since it is working in Firefox 2.0 and
                      IE 6.0 without the container.
                      >
                      >
                      First, please do not top post (fixed slapdashedly by me here...).
                      >
                      Your code snippet does not, of itself, exactly show what you are
                      wanting to do, it produces a few words here and there. Please
                      provide a URL and some good description of what you are meaning
                      to do to help out.
                      >
                      What is this business of fixing some item 960px to the right?
                      What about those with smaller screens.
                      >
                      Frankly, scrap the lot and look at some template you like and go
                      from there.
                      >
                      --
                      dorayme

                        Comment

                        • Beauregard T. Shagnasty
                          #7
                          Re: Why I get a top margin. Going crazy here. Need some help, please.

                          shapper wrote:
                          Hi,
                          >
                          I am not using CSS because I added all CSS styles in HTML code.
                          I tried your suggestion. I keep having the gap on the top.
                          It works for me, with your code. Add this in the <headsection:

                          <style type="text/css">
                          body { margin: 0; padding: 0; }
                          </style>

                          Why is your new document using a Transitional doctype? That's for ..
                          well .. transitioning old documents. You should use Strict.

                          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

                          Please don't top-post. Thanks.

                          --
                          -bts
                          -Motorcycles defy gravity; cars just suck

                            Comment

                            • shapper
                              #8
                              Re: Why I get a top margin. Going crazy here. Need some help, please.

                              Sorry,

                              but what do you mean with top-post?

                              Thanks,
                              Miguel

                              Beauregard T. Shagnasty wrote:
                              shapper wrote:
                              >
                              Hi,

                              I am not using CSS because I added all CSS styles in HTML code.
                              I tried your suggestion. I keep having the gap on the top.
                              >
                              It works for me, with your code. Add this in the <headsection:
                              >
                              <style type="text/css">
                              body { margin: 0; padding: 0; }
                              </style>
                              >
                              Why is your new document using a Transitional doctype? That's for ..
                              well .. transitioning old documents. You should use Strict.
                              >
                              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                              >
                              Please don't top-post. Thanks.
                              >
                              --
                              -bts
                              -Motorcycles defy gravity; cars just suck

                                Comment

                                • dorayme
                                  #9
                                  Re: Why I get a top margin. Going crazy here. Need some help, please.

                                  In article
                                  <1167270470.121 375.142210@79g2 000cws.googlegr oups.com>,
                                  "shapper" <mdmoura@gmail. comwrote:
                                  I am trying to create a centered web site with 3 main sections:
                                  header, content and footer.
                                  >
                                  HEADER
                                  CONTENT
                                  FOOTER
                                  >
                                  All these sections should be 960px width.
                                  You continue to top post, please don't as it makes it harder for
                                  many people here on their newsreaders.

                                  You don't address my warning and question about the 960px. we
                                  need to get this straight before plunging into actual mark up. It
                                  is an important overall question.

                                  --
                                  dorayme

                                    Comment

                                    • dorayme
                                      #10
                                      Re: Why I get a top margin. Going crazy here. Need some help, please.

                                      In article
                                      <1167271568.280 356.207190@h40g 2000cwb.googleg roups.com>,
                                      "shapper" <mdmoura@gmail. comwrote:
                                      Sorry,
                                      >
                                      but what do you mean with top-post?
                                      >
                                      Thanks,
                                      Miguel
                                      >
                                      Beauregard T. Shagnasty wrote:

                                      Ah! OK, fair enough...

                                      Top posting is posting your reply before quoting what you are
                                      replying to.

                                      (btw, as they say, Google is your friend, try "top posting", this
                                      one is not too bad:

                                      <http://en.wikipedia.or g/wiki/Top-posting>

                                      and discusses some issues)

                                      --
                                      dorayme

                                        Comment

                                        • shapper
                                          #11
                                          Re: Why I get a top margin. Going crazy here. Need some help, please.


                                          dorayme wrote:
                                          In article
                                          <1167271568.280 356.207190@h40g 2000cwb.googleg roups.com>,
                                          "shapper" <mdmoura@gmail. comwrote:
                                          >
                                          Sorry,

                                          but what do you mean with top-post?

                                          Thanks,
                                          Miguel

                                          Beauregard T. Shagnasty wrote:
                                          >
                                          >
                                          Ah! OK, fair enough...
                                          >
                                          Top posting is posting your reply before quoting what you are
                                          replying to.
                                          Ok, thanks for the info.
                                          Let's see If I am getting this right. :-)

                                          Thanks once again,
                                          Miguel
                                          >
                                          (btw, as they say, Google is your friend, try "top posting", this
                                          one is not too bad:
                                          >
                                          <http://en.wikipedia.or g/wiki/Top-posting>
                                          >
                                          and discusses some issues)
                                          >
                                          --
                                          dorayme

                                            Comment

                                            • dorayme
                                              #12
                                              Re: Why I get a top margin. Going crazy here. Need some help, please.

                                              In article
                                              <1167274516.478 552.325780@79g2 000cws.googlegr oups.com>,
                                              "shapper" <mdmoura@gmail. comwrote:
                                              >what do you mean with top-post?

                                              Ah! OK, fair enough...

                                              Top posting is posting your reply before quoting what you are
                                              replying to.
                                              >
                                              Ok, thanks for the info.
                                              Let's see If I am getting this right. :-)
                                              >
                                              Actually, you are doing even better now, answering in context, a
                                              variation on bottom posting :-)

                                              (btw,
                                              --
                                              dorayme

                                                Comment

                                                Previous template Next
                                                Working...