Jump to content

Cre8asiteforums Internet Marketing
and Conversion Web Design


Photo

Odd Body Space In Bottom Part Of Page


  • Please log in to reply
8 replies to this topic

#1 lirys

lirys

    Mach 1 Member

  • 250 Posts Club
  • 381 posts

Posted 29 May 2008 - 07:04 AM

Hi all its been soooo long my life been crazy what can i say...
this is a page under development but i do have a problem and i been banging my head with it its probably something i dont see... the body is pushing out under neat the content and showing off blue where i do not want it to be blue..

can any one please see my misstake????

http://www.kreativadesign.net/pals/

ps think it only shows in firefox

/l

#2 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1878 posts

Posted 29 May 2008 - 08:35 AM

I had this once, it took ages to track down but the process of elimination began by setting each element thus:
margin:0;
padding: 0;
border: 1px solid pretty colours;
You could then see where earch element starts and finishes. If the blue bit dissapears then the problem is probablly your paddings and margins. If it doesn't then you have a structural problem (often an odd div out of sequence).

I did notice that your 'header' div closes after the 'content'. Little things like this can make even the most stable design go awry.

Hope this helps

Edited by fisicx, 29 May 2008 - 08:37 AM.


#3 lirys

lirys

    Mach 1 Member

  • 250 Posts Club
  • 381 posts

Posted 29 May 2008 - 08:43 AM

will switch the end of header but i tried the border thing and its the body

#4 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1878 posts

Posted 29 May 2008 - 09:01 AM

Did you set margin:0 and padding:0 on every single element (including the body)?

#5 lirys

lirys

    Mach 1 Member

  • 250 Posts Club
  • 381 posts

Posted 29 May 2008 - 09:02 AM

now i only have the problem on pages with a small content
:)

#6 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1878 posts

Posted 29 May 2008 - 09:26 AM

Then investigate your floats and {clear:both}

#7 yannis

yannis

    Sonic Boom Member

  • 1000 Post Club
  • 1634 posts

Posted 30 May 2008 - 08:59 AM

Nice cats!

Try putting some padding in the footer paragraph if you do not come right with the above advise.

Yannis

#8 lee.n3o

lee.n3o

    Cre8asite Tech News Reporter

  • 1000 Post Club
  • 1556 posts

Posted 30 May 2008 - 09:51 AM

Its the bottom margin of the <p> in your #footer popping out ;-)

add this for a quick fix and you'll see what I mean

#footer p {
margin-bottom:0px;
}

#9 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1878 posts

Posted 30 May 2008 - 10:19 AM

See, told you so!

"Set margin:0 and padding:0 on every single element"



RSS Feed

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users