/    Sign up×
Community /Pin to ProfileBookmark

IE and fire fox

Copy linkTweet thisAlerts:
Jan 27.2007

What is weird in Firefox this style works perfect but in IE its not positioning the text where I want it. I have attached the complete css and pin point to this code in the link

[CODE]
.newsBox {
width: 196px;
height: 380px;
float: left;
margin: 2px 0px 0px 0px;
background: url(images/boxes/newsevents.gif)

}

.newsBox p
{
padding: 20px 0% 0% 21px;
color:#FFFFFF; font-style: normal; font-size: 11.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
[/CODE]

[upl-file uuid=8d765667-8974-4923-a544-5c59f890da7a size=2kB]styles.txt[/upl-file]

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriJan 27.2007 — This is due to different margin spacing that FF gives to <p> elements. Suggest you start your styles.css file with [CODE]* {
border: 0;
margin: 0;
padding: 0;
}[/CODE] to zero out the differences. Make sure that styles.css is referenced BEFORE any of the other style sheets in your html - I think borders.css is currently listed first?

Cheers

Graeme
×

Success!

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