/    Sign up×
Community /Pin to ProfileBookmark

Div not extending in Firefox

Copy linkTweet thisAlerts:
Feb 24.2005

Take a look right here:

[url]http://monkey.trouble-free.net/~thany/ids_new/template.htm[/url]

In Internet Explorer, the Div with the white background + shadows is extended to below the login box. In Firefox, however, this is not the case. I vaguely remember that there was a way to change this in the CSS, but I can’t find anything that can help in the CSS reference. Does anyone knows what the best way is to fix this? Thanks.

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@_Aerospace_Eng_Feb 25.2005 — by adding a height to your #main div
#main
{
width: 756px;
[color=red]height:303px;[/color]
margin: auto;
background-image: url('images/background.gif');
background-repeat: repeat-y;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}
303px seems to work okay, u can adjust it as neccessary
Copy linkTweet thisAlerts:
@David_HarrisonFeb 25.2005 — Give [url=http://www.alistapart.com/articles/fauxcolumns/]this[/url] a read.

_Aerospace_Eng_ - The page won't always be 303px high, sometimes it might be 500px high, sometimes it might be 5000px high.
Copy linkTweet thisAlerts:
@SanderKauthorFeb 25.2005 — Hehe, yeah setting a height won't work.

I'll read what's on that page, thanks lavalamp.
Copy linkTweet thisAlerts:
@FangFeb 25.2005 — Add [I]border-bottom:1px solid #ccc;[/I] to #main

and [I]clear:both;[/I] here:
</div>
<div style="clear:both;"></div>
</div>

</body>
Copy linkTweet thisAlerts:
@SanderKauthorFeb 25.2005 — Ahh thanks. That seems to have done the job, kinda. I just have that tiny border now:

http://monkey.trouble-free.net/~thany/ids_new/template.htm

Don't think that is that much of a problem, but still, looks kinda weird.

Anyway, I have an 'older' version up, right here:

http://sander.kryap.com/ids/template.htm

Well, that part with the Copyright thing and that bottom image above it is the 'bottom' div. As you can see, the Div stays under the Destination part, but it refuses to stay under the Games part. I can't find out why it does this, but I think that if I would be able to stick that Div under the Games part as well, it would be a better solution than what Fang gave.
Copy linkTweet thisAlerts:
@FangFeb 25.2005 — border-bottom:1px solid transparent !important;border-bottom:0;
Copy linkTweet thisAlerts:
@SanderKauthorFeb 25.2005 — Bah, I should be shot for not thinking of that myself.

Thanks a lot?
×

Success!

Help @SanderK spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...