Topic: CSS positioning problem (Page 1 of 1)

well, i also posted this over at the GN but since this forum has more active users, i hope for some more replies
here is my problem:
i run a site called http://www.lonesomeend.com and I have a strange behaviour of my footer. please surf over there and try to reload the page a few times (with ctrl+f5 please)
the 2nd problem would be a missing border (only in mozilla)
thread at the gn
here is a screenshot


| - THESPACE - | E.A. | PORTFOLI0 | lonesome | CELL 557

That border issue is a strange thing. I noticed after a couple reloads that it wasn't the internal border missing, the very bottom border was missing. I have no clue about that one.

As for the big gap, your .affiliatediv has a margin-bottom of 30px and your footer div has a margin-top of 20px, that's probabl what's causing the giant gap.

(Edit: OK, no, that gap is about 150px high, too much for my suggestion. Have you tried using Slime's "Show divs" bookmarklet from http://www.slimeland.com ?? When I use it on your site it looks as though there's some stray padding on one of your container divs that's causing the extra space.)

Edit edit: You have some seriously extraneous coding there mas. For instance, some of your borders are specified like:

border-left : 1px solid #ffffff; 

border-right : 1px solid #ffffff; 

border-bottom : 1px solid #ffffff; 

border-top : 1px solid #ffffff;

Instead, why not use:

border: 1px solid #fff;

You can specify margins and padding in one line as well like:

margin: [top] [right] [bottom] [left];



or



margin: [top, bottom] [right, left];  < Assuming top and bottom have the same value as well as right and left

It'll make your CSS more compact and much easier to troubleshoot.


:::11oh1:::

(Edited by krets on 04-27-2004 12:28)

thanks for your thought, krets
well yeah, i know about this border css....i have it this way because the borders were different at first....i forgot to change it
and yes...i have already used slimes favelets....its so strange, sometimes the gap is bigger, sometimes not

| - THESPACE - | E.A. | PORTFOLI0 | lonesome | CELL 557

Yeah man, I noticed that when I hit refresh the gap gets smaller but when I do a hard refresh it gets bigger again.

That's muy strange.

:::11oh1:::

(btw, i noticed that i havent added your site to the database yet...shoot me your link + a 1 sentence description, and i will be glad to add yours too )

could the reason probably be that i am linking the footer from another website via an include file?

I have a hunch regarding the missing border...

Have you tried playing with the line-height? Either remove the line-height and accept the default or perhaps use the same units (ems) that you use to specify the font-size.

Haven't had a chance to try it myself, yet, but just thinking out loud...

Ok. I tried line-height: 1.7em on a static copy of the file and it seemed to do the trick for that one instance.

I suggest you try it out, varying the line-height and you might find a value that works more often than not...

thx majorfracas, that helped