473,385 Members | 1,387 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

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 4029
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Tony Benham | last post by:
I'm having problems with a css layout where a margin is being inserted with the wrong width. I believe it's my css that's at fault since it is wrong in netscape 7.1, opera,7.11 and IE6 but I cannot...
4
by: Harlan Messinger | last post by:
What is *supposed* to be the way to specify the horizontal offset of (a) the list item's marker and (b) the list item's content? In particular, see ...
3
by: Brian | last post by:
I have a page with content, navigation, and footer divs, in that order. The nav div has position: absolute, width 8em, on green background. The other divs have an 8em green left border, such that...
6
by: Haines Brown | last post by:
I find that when I use list-style-image with galeon or mozilla, padding is inserted between the symbol image and the following list text, while under IE 5.0 it seems to be inserted before the image...
3
by: Luciano A. Ferrer | last post by:
this is really strange... I cant find what is wrong... so, #botonera have a left margin of 18px, but IE make it 36px! If I put a margin of 30px, IE make it 60px! I am crazy? <!DOCTYPE html...
1
by: Jeremy | last post by:
Let's say I have some block elements that self-organize by floating to the left, so if no more blocks can fit in a row they begin on the next row (see crummy ASCII art at end of message). I...
11
by: Pablito | last post by:
Hi at all into a page I wrote <style> body {margin-left:10%;margin-right:10%;text-align:justify;} </style> reading the page with FireFox the margin left is 10% but the right is 0% Why? How can...
2
by: Steve Richter | last post by:
I want my panel to have an inner margin. Problem is label text does not appear to recognize the margin. In this example, the TextBox aligns on the margin, the label does not: <asp:Panel...
5
by: Neviton | last post by:
Hi this is the html to generate the behavior: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html...
7
by: GTalbot | last post by:
Hello fellow authoring.stylesheets colleagues, Can someone please explain why the bottom margin of the last inflow block-level child in an overflowed parent should not have its margin reachable....
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.