Topic: CSS positioning problem (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=21569" title="Pages that link to Topic: CSS positioning problem (Page 1 of 1)" rel="nofollow" >Topic: CSS positioning problem <span class="small">(Page 1 of 1)</span>\

 
mas
Paranoid (IV) Inmate

From: the space between us
Insane since: Sep 2002

posted posted 04-27-2004 19:57

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

krets
Paranoid (IV) Mad Scientist

From: Right-dead center
Insane since: Nov 2002

posted posted 04-27-2004 21:05

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:

code:
border-left : 1px solid #ffffff; 
border-right : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
border-top : 1px solid #ffffff;



Instead, why not use:

code:
border: 1px solid #fff;


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

code:
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)

mas
Paranoid (IV) Inmate

From: the space between us
Insane since: Sep 2002

posted posted 04-28-2004 17:04

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

krets
Paranoid (IV) Mad Scientist

From: Right-dead center
Insane since: Nov 2002

posted posted 04-28-2004 18:03

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:::

mas
Paranoid (IV) Inmate

From: the space between us
Insane since: Sep 2002

posted posted 04-28-2004 19:46

(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 )

mas
Paranoid (IV) Inmate

From: the space between us
Insane since: Sep 2002

posted posted 05-01-2004 10:30

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

MajorFracas
Nervous Wreck (II) Inmate

From:
Insane since: Jul 2003

posted posted 05-03-2004 22:09

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...

MajorFracas
Nervous Wreck (II) Inmate

From:
Insane since: Jul 2003

posted posted 05-04-2004 04:05

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...

mas
Paranoid (IV) Inmate

From: the space between us
Insane since: Sep 2002

posted posted 05-04-2004 21:48

thx majorfracas, that helped



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu