/    Sign up×
Community /Pin to ProfileBookmark

css, div, and firefox

Copy linkTweet thisAlerts:
Sep 26.2005

Page: [url]http://24.15.124.241/webjobs/cry.html[/url]
CSS: [url]http://24.15.124.241/webjobs/style.css[/url]

on IE, the #content auto expands to grow for the content in the page
on firefox, it overwrites the copywrite info

can anyone tell me what I am doing wrong here? (I want to get out of tables – but if I cant get a field to auto expand for info, then I don’t know what to do)

it validates, and shows in IE perfect…

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@chrisrock79Sep 26.2005 — Put your copyright info in a <p></p>

Chris
Copy linkTweet thisAlerts:
@kenderauthorSep 26.2005 — in a <p> it still displays overwritten

added some more blah to show

also, the reason it is a seperate <div> is to keep it at the bottom of the page
Copy linkTweet thisAlerts:
@drhowarddrfineSep 26.2005 — One problem is your content overflows the div. You restrict the div to 486px but making it taller will expand the div. (IE is doing this incorrectly). Just drop the height for tha div.

Not done looking yet.
Copy linkTweet thisAlerts:
@kenderauthorSep 26.2005 — i am trying to give it a min height... so the content uses a minimum of 486px, but will expand as necessary

there is no definition for min height though
Copy linkTweet thisAlerts:
@MstrBobSep 26.2005 — Here's a way to do minimum height:
<i>
</i>* html .content {height:486px;}
.content {min-height:486px;}


Other browsers are complient with CSS. Internet Explorer's support is years behind; and importantly buggy. It will allow overflow of elements if necessary, so we use * html .content {}, which only IE will use. For other browsers we use min-height, which IE doesn't support.
Copy linkTweet thisAlerts:
@kenderauthorSep 26.2005 — that worked beautifully

just one more question then, how do i get rid of the blank line that now got created?
Copy linkTweet thisAlerts:
@kenderauthorSep 26.2005 — also, while you are looking, i know i added a lot of extra css, if you could tell me what i am duplicating, it would be helpful (or i will go line by line deleting, and readding and checking in both browsers)

but my concern is this clear line between my 2 div's now, i do not know why it is there
Copy linkTweet thisAlerts:
@drhowarddrfineSep 27.2005 — Margin between the divs and p. Use * {margin:0; padding:0;}
Copy linkTweet thisAlerts:
@kenderauthorSep 27.2005 — pretty!

thanks a ton!

you now have me away from tables

now, just give me a week to convert my website
×

Success!

Help @kender 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 5.18,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...