8 replies to this topic

[lirys]

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

[fisicx]

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.

[lirys]

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

[fisicx]

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

[lirys]

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

[fisicx]

Then investigate your floats and {clear:both}

[yannis]

Nice cats!

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

Yannis

[lee.n3o]

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;
}

[fisicx]

See, told you so!

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