Gap Between to div tag-PLEASE HELP

philiph · #1 Jul 12th, 2007, 14:05

I have finally started to play with css as apposed to tables in html but I cannot figure out why when i have one box under another formed by div tags there is a gap.

can anyone help please? i have included the html and css code below

Code: Select all

 <html>
  <head>
  </head>
  <body>
   <div id="top">
    Top Box
   </div>
   <div id="bottom">
    Bottom Box
    </div>
  </body>
 </html>

Code: Select all

#top{
background-color:yellow;
margin:0px;
padding;0px;
}
#bottom{
margin:0px;
padding:0px;
background-color:green;
}

karinne · #2 Jul 12th, 2007, 14:10

Let's play "Spot the error"

Code: Select all

#top{
background-color:yellow;
margin:0px;
padding;0px;
}

also ... you don't need to add units to 0 values. 0 is 0 in everything

Lchad · #3 Jul 12th, 2007, 14:21

Oooo.... I see it!!

Change the semi colon to colon!
padding: 0

What do I win?

karinne · #4 Jul 12th, 2007, 14:31

Here ... have an

:rofl:

Lchad · #5 Jul 12th, 2007, 19:31

Oh yippee!!!

moojoo · #6 Jul 12th, 2007, 19:41

:nep:

matelot · #7 Jul 12th, 2007, 23:41

HI, Philiph - Learning how to validate your own code is extremely useful and can save a lot of angst. Here is a link for validating your CSS (and HTML):
http://jigsaw.w3.org/css-validator/
This will likely give you an instant result with errors in your coding. It's basically professional self-help.

Hope that helps.

pa007 · #8 Jul 12th, 2007, 23:57

Linda, are you a squirrel. If you are then I'm afraid we're going to have a falling out.

Pete.

Lchad · #9 Jul 13th, 2007, 12:36

No Pete.. I'm not a squirrel. I just like gifts of any kind!

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Gap Between to div tag-PLEASE HELP