hi,
I'm having a problem w/bulleted lists.. as you know FF and IE do diff
margins/spacing for these, so have to do stuff like
/* IE: */
* html ul.headlines {margin-left:20px; margin-top:0px; }
/* FF: */
htmlbody ul.headlines {margin-left:-20px; margin-top:0px; }
two problems:
1) it looks diff in IE6 from IE7
2) the browser-specific "hack" for some reason is not working here..
code meant only for FF is picked up by IE and vice-versa...
this is for a bulleted list in a fairly small space (approx 250 x 300..)
so need to do very specific spacing..
would appreciate suggestions.. thank you.. 10 3059
maya schrieb:
hi,
I'm having a problem w/bulleted lists.. as you know FF and IE do diff
margins/spacing for these, so have to do stuff like
/* IE: */
* html ul.headlines {margin-left:20px; margin-top:0px; }
/* FF: */
htmlbody ul.headlines {margin-left:-20px; margin-top:0px; }
Did you try both margin-left _and_ padding-left for both ul _and_ li?
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)
maya wrote:
I'm having a problem w/bulleted lists.. as you know FF and IE do diff
margins/spacing for these, so have to do stuff like
/* IE: */
* html ul.headlines {margin-left:20px; margin-top:0px; }
/* FF: */
htmlbody ul.headlines {margin-left:-20px; margin-top:0px; }
two problems:
1) it looks diff in IE6 from IE7
Yes, because they're different browsers.
See http://msdn.microsoft.com/en-us/library/bb250496.aspx, especially
the "* HTML Filter" and ""html body" child selector filter" sections.
2) the browser-specific "hack" for some reason is not working here..
code meant only for FF is picked up by IE and vice-versa...
Look at both margin and padding.
>
this is for a bulleted list in a fairly small space (approx 250 x 300..)
so need to do very specific spacing..
And I hope you're aware that the text may overflow your 250px or 300px
space anyway.
HTH
--
John
Pondering the value of the UIP: http://improve-usenet.org/
Johannes Koch wrote:
maya schrieb:
>hi,
I'm having a problem w/bulleted lists.. as you know FF and IE do diff margins/spacing for these, so have to do stuff like
/* IE: */ * html ul.headlines {margin-left:20px; margin-top:0px; }
/* FF: */ htmlbody ul.headlines {margin-left:-20px; margin-top:0px; }
Did you try both margin-left _and_ padding-left for both ul _and_ li?
actually this finally worked:
margin:7px 0px 15px 0px; padding:0px 0px 0px 20px;
looks decent in all three browsers, and didn't even have to do the
browser-specif hack....;)
thank you very much...
maya wrote:
hi,
I'm having a problem w/bulleted lists.. as you know FF and IE do diff
margins/spacing for these, so have to do stuff like
/* IE: */
* html ul.headlines {margin-left:20px; margin-top:0px; }
/* FF: */
htmlbody ul.headlines {margin-left:-20px; margin-top:0px; }
two problems:
1) it looks diff in IE6 from IE7
2) the browser-specific "hack" for some reason is not working here..
code meant only for FF is picked up by IE and vice-versa...
this is for a bulleted list in a fairly small space (approx 250 x 300..)
so need to do very specific spacing..
would appreciate suggestions.. thank you..
No hack required, just the understanding that browsers choose different
default settings for margin and padding on ULs to produce the indent so
explicitly set both properties top get constancy....
ul.headlines { margin: 0 0 0 25px; padding: 0; }
Will look the same in all above.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO http://www.LittleWorksStudio.com
Jonathan N. Little wrote:
>
ul.headlines { margin: 0 0 0 25px; padding: 0; }
Will look the same in all above.
No, I'm afraid it won't. IE puts the list marker in the UL padding,
which you've just blown away. http://www.bergamotus.ws/samples/cro...let-lists.html
--
Berg
On 2008-06-25, Bergamot <be******@visi.comwrote:
>
Jonathan N. Little wrote:
>> ul.headlines { margin: 0 0 0 25px; padding: 0; }
Will look the same in all above.
No, I'm afraid it won't. IE puts the list marker in the UL padding,
which you've just blown away. http://www.bergamotus.ws/samples/cro...let-lists.html
I don't know what IE does, but it shouldn't matter. The bullet is
supposed to be positioned a short distance from the left edge of the LI.
Either margin or padding on the UL should therefore result in some space
for the bullet, unless IE is so broken it positions the bullet relative
to the UL's left edge instead of relative to the LI's left edge.
The CSS 2.1 suggested default stylesheet has 40px left padding.
Ben C wrote:
>
I don't know what IE does, but it shouldn't matter.
Perhaps it shouldn't, but it does.
Either margin or padding on the UL should therefore result in some space
for the bullet,
Depending on the margin and padding values, there may be insufficient
space in IE. You'll end up with bullet markers disappearing altogether,
or cut off on the left edge. A disc marker looks like a half moon.
unless IE is so broken it positions the bullet relative
to the UL's left edge instead of relative to the LI's left edge.
And there you have it.
--
Berg
Wed, 25 Jun 2008 11:23:22 -0400, /maya/:
I'm having a problem w/bulleted lists.. as you know FF and IE do diff
margins/spacing for these, so have to do stuff like
/* IE: */
* html ul.headlines {margin-left:20px; margin-top:0px; }
/* FF: */
htmlbody ul.headlines {margin-left:-20px; margin-top:0px; }
Already answered, but described here, also:
Consistent List Indentation
<http://developer.mozilla.org/docs/Consistent_List_Indentation>
--
Stanimir
Stanimir Stamenkov wrote:
Wed, 25 Jun 2008 11:23:22 -0400, /maya/:
>I'm having a problem w/bulleted lists.. as you know FF and IE do diff margins/spacing for these, so have to do stuff like
/* IE: */ * html ul.headlines {margin-left:20px; margin-top:0px; }
/* FF: */ htmlbody ul.headlines {margin-left:-20px; margin-top:0px; }
Already answered, but described here, also:
Consistent List Indentation
<http://developer.mozilla.org/docs/Consistent_List_Indentation>
That confirms what I said, does matter which browser, just on rule is
need but be sure to set both padding and margin to get constancy. Use
margin for the indent if you do not want the background to extend under
the bullets, or padding if you do.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO http://www.LittleWorksStudio.com This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Frances Del Rio |
last post by:
when I test my stuff with the validator in HomeSite it tells me the body
tag no longer reads margin attributes.. does this mean now margins are
to be specified only in CSS?
I work for an...
|
by: Jeff Thies |
last post by:
I have something like this:
<span>a</span><span style="margin-left: 15px">b</span>
It appears to me that horizontal margins are allowed for inline
elements. (broken on preceding element right...
|
by: Gnolen |
last post by:
Hi there!
I am wondering why this div moves to a bit to the left in IE 5.5 but not
in 6. I think I have tried to change everything but nothing will help.
It happend when I did the display:block...
|
by: yb |
last post by:
Hi,
I'm looking for clarification of css 2.1 specification in section 8.3.1
"Collapsing Margins"
The 6th bullet reads "If the top and bottom margins of a box are
adjoining ..."
I won't paste...
|
by: JAF |
last post by:
I need help with the following format:
1. Paragragh goes here and text wraps or indents
several spaces on second and subsequent lines.
2. Paragragh goes here and text wraps or indents...
|
by: alternium |
last post by:
Hi all,
Thanks for providing this forum. I know every other poster tries to hammer the time-sensitivity point, so I'll forego that. Suffice to say, Monday is go-day.
I'm having an issue getting my...
|
by: alice |
last post by:
Can someone tell me how I can make it so that on this page
http://s195679515.onlinehome.us/essence/index.html
in Firefox, the space after the main content and the bottom boxes is
only 5px? As it...
|
by: Jeremy |
last post by:
Hi all,
I have a container which I want to have a consistant gap around the
edges before any content starts. The obvious way to do this is the
padding style.
However, anything with a margin...
|
by: Mark Shroyer |
last post by:
I just noticed an unintuitive aspect of how nested blocks are positioned
under a specific set of conditions, and although this is ostensibly
correct behavior (unless Firefox, Safari, and Opera are...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
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...
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
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: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| |