/    Sign up×
Community /Pin to ProfileBookmark

position not correct in Firefox

Copy linkTweet thisAlerts:
Sep 04.2008

hello
works ok in IE but in Firefox the ul appears too high and shows up in the content text block

can anyone help with this please
css is as follows

#content {
width: 900px;
position:relative;
color: #B58135;
border: 0px solid #ccc;
background: #232323;
margin: 0 auto;
height: 300px;
}
#content p {
padding: 20px 40px 0px 40px;
color: #B58135;
text-align: justify;
}
#content p span {
color: #CFA059;
}

#content ul{width:300px; height:25px; position:absolute; bottom: 0px; left:0px;}
#content li{float:left;}
#content ul li a{padding:0 0 0 0; color:#B58135; text-decoration:none;}
#content ul li a:hover{color:#CFA059; text-decoration:underline;}

thanks for your help in advance
Albert

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@felgallSep 04.2008 — What doctype are you using?

IE is usually the odd browser when it comes to the way pages look. Generally the page will look the same in Firefox, Opera, Safar, Chrome etc because all those browsers follow the standards while versions of IE before IE8 do not.

Once you get the page looking right in standard compliant browsers it normally only requires minor changes to fix it for IE6 and 7 as well.
Copy linkTweet thisAlerts:
@Albert1955authorSep 04.2008 — I am using:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

it passes ok in css and html validators

So how do i make the Ul appear at the bottom of the div in Firefox?

A
Copy linkTweet thisAlerts:
@CentauriSep 04.2008 — Would need a link to demonstrate this, but I would suspect that in IE the content div is being incorrectly pushed out to more than 300px high by whatever content is in it.
×

Success!

Help @Albert1955 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,
)...