468,272 Members | 2,000 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,272 developers. It's quick & easy.

margin-top on HR, DL with floated DDs

I have question regarding (clearing) floats and margin-top on DL and HR
elements.

http://www.hot.ee/idaliiga/testcases...g-selector.htm

Namely the IE6 doesnt calculate the margin-top on the DL (definition
list) element correctly. It starts to add topmargin at current fontsizes
and layout when i tell him to have 38px topmargin. Can this be fixed
somehow to normal?

The second question about MOZILLA FIREFOX1.02 is how do i make him to
understand the margin top set to HR eement told by:

hr.separatorlinebeforeformcontrols{margin-top:10px;margin-bottom:10px;}
<br class="CA"/><hr class="separatorlinebeforeformcontrols"/>

it doesnt listen my instructions very well and draws the horizontal rule
right after the definition list without no margin-top. What properties
must i add or delete to get 10px gap?
TIA

Jul 21 '05 #1
1 3786
Marek Mänd wrote:
I have question regarding (clearing) floats and margin-top on DL and HR
elements.

http://www.hot.ee/idaliiga/testcases...g-selector.htm

Namely the IE6 doesnt calculate the margin-top on the DL (definition
list) element correctly. It starts to add topmargin at current fontsizes
and layout when i tell him to have 38px topmargin. Can this be fixed
somehow to normal?

The second question about MOZILLA FIREFOX1.02 is how do i make him to
understand the margin top set to HR eement told by:

hr.separatorlinebeforeformcontrols{margin-top:10px;margin-bottom:10px;}
<br class="CA"/><hr class="separatorlinebeforeformcontrols"/>

it doesnt listen my instructions very well and draws the horizontal rule
right after the definition list without no margin-top. What properties
must i add or delete to get 10px gap?


Re. your HR problem:

It's because the images are floated, are therefore out of the flow, and
the margin-top of the horizontal rule calculation must come down the
height of the two images (423px which includes the two radio button
portions) and then add your desired 10px - resulting in the 433px
requirement to get what you want.

IE has all kinds of problems.

--
Gus
Jul 21 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Tony Benham | last post: by
4 posts views Thread by Harlan Messinger | last post: by
3 posts views Thread by Brian | last post: by
6 posts views Thread by Haines Brown | last post: by
3 posts views Thread by Luciano A. Ferrer | last post: by
1 post views Thread by Jeremy | last post: by
11 posts views Thread by Pablito | last post: by
2 posts views Thread by Steve Richter | last post: by
reply views Thread by zattat | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.