/    Sign up×
Community /Pin to ProfileBookmark

line problems

I attached the below to a div and the line displays correctly in Firefox but ie make the height higher then it should any ideas why

[code]
.rule {
margin:0;
padding:0;
height:3px;
margin-bottom:8px;
background-color: #EFF7C0;

}
[/code]

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@KravvitzAug 22.2007 — IE4-6/Win won't let an element have a height that is less than its line-height. To fix this you can decrease the font-size and line-height OR use overflow:hidden.
Copy linkTweet thisAlerts:
@macthewebAug 22.2007 — One solution is to zero out your margins and padding at a higher level using something like:

body * {marign: 0; padding:0; }

Of course if you do that you will have to reset all attributes for all elements. That's not as bad as it sounds. Do it well once then you can reuse the new stylesheet as a basis for all later projects. Look at Yahoo User Interface, Mollio and Blueprint for some well thought out and completer examples.
Copy linkTweet thisAlerts:
@kprocauthorAug 22.2007 — thank you for the help. I got it working
×

Success!

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