Hi all,
My site's content has a lot of bulleted lists, which seem
to get hard to read when the lines are too long. No problem,
I thought:
li {
max-width: 42em;
margin: .5em 0 .5em 0;
}
However IE seems to stick its middle finger up at this and
ignore it.
I don't want a margin or padding because it will waste space
on small screens.
Is there anything else I can do?
TIA,
--
jc
Remove the -not from email 8 2629
Jeremy Collins wrote: Hi all,
My site's content has a lot of bulleted lists, which seem to get hard to read when the lines are too long. No problem, I thought:
li { max-width: 42em; margin: .5em 0 .5em 0; }
However IE seems to stick its middle finger up at this and ignore it.
I don't want a margin or padding because it will waste space on small screens.
Is there anything else I can do?
Make content for the "margins" so no space is wasted, or
have the margins at 10%, which will waste less on smaller
screens, or have your content in two columns, or have a link
saying: "for wide windows" which will open an identical page
with margins...
--
Els
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Els wrote: Jeremy Collins wrote:
li { max-width: 42em; margin: .5em 0 .5em 0; }
However IE seems to stick its middle finger up at this and ignore it.
Make content for the "margins" so no space is wasted, or have the margins at 10%, which will waste less on smaller screens, or have your content in two columns, or have a link saying: "for wide windows" which will open an identical page with margins...
I've already got additional content down the sides, but the
proportional margin is a good idea and works well, thanks.
But you've exposed a gap in my knowledge <g>:
li {
margin-right: 10%;
}
10% of what? The screen? The containing <DIV>? It's hard to tell
by looking at it...
--
jc
Remove the -not from email
Jeremy Collins wrote: Els wrote:
Jeremy Collins wrote:
li { max-width: 42em; margin: .5em 0 .5em 0; }
However IE seems to stick its middle finger up at this and ignore it.
Make content for the "margins" so no space is wasted, or have the margins at 10%, which will waste less on smaller screens, or have your content in two columns, or have a link saying: "for wide windows" which will open an identical page with margins...
I've already got additional content down the sides, but the proportional margin is a good idea and works well, thanks.
But you've exposed a gap in my knowledge <g>:
li { margin-right: 10%; }
10% of what? The screen? The containing <DIV>? It's hard to tell by looking at it...
Parent element.
In the case of margins next to the containing div: the body.
Set it to 50% and it will be easy to tell by looking at it...
--
Els
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Els wrote: Jeremy Collins wrote:
But you've exposed a gap in my knowledge <g>:
li { margin-right: 10%; }
10% of what? The screen? The containing <DIV>? It's hard to tell by looking at it...
Parent element. In the case of margins next to the containing div: the body. Set it to 50% and it will be easy to tell by looking at it...
Having said that, I do remember something about IE having a
different behaviour in some cases. Like when you set a div
to be 100% wide, it will act as if it's 100% of the body,
instead of the parent element. Not sure exactly though.
--
Els
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Els wrote: Els wrote:
Jeremy Collins wrote:
margin-right: 10%;
10% of what? The screen? The containing <DIV>? It's hard to tell by looking at it...
Parent element. In the case of margins next to the containing div: the body. Set it to 50% and it will be easy to tell by looking at it...
Having said that, I do remember something about IE having a different behaviour in some cases. Like when you set a div to be 100% wide, it will act as if it's 100% of the body, instead of the parent element. Not sure exactly though.
With li { margin-right: 50%; } Mozilla and Opera draw the text to
about half way across the containing DIV, correctly, as you say.
IE renders the li to about 25% of the containing DIV! (In a
3-column layout).
Bah. Anyway, thanks for the help.
--
jc
Remove the -not from email
Jeremy Collins wrote: Els wrote:
Els wrote:
Jeremy Collins wrote: margin-right: 10%;
10% of what? The screen? The containing <DIV>? It's hard to tell by looking at it...
Parent element. In the case of margins next to the containing div: the body. Set it to 50% and it will be easy to tell by looking at it... Having said that, I do remember something about IE having a different behaviour in some cases. Like when you set a div to be 100% wide, it will act as if it's 100% of the body, instead of the parent element. Not sure exactly though.
With li { margin-right: 50%; } Mozilla and Opera draw the text to about half way across the containing DIV, correctly, as you say.
IE renders the li to about 25% of the containing DIV! (In a 3-column layout).
So my guess is that the containing DIV is eh.... well,
anyway, 75% of the containing DIV equals 50% of the body?
(I used to be better at calculations)
Bah. Anyway, thanks for the help.
Must be a way around it, I'd say?
Some IE hack to give different percentages to IE? http://centricle.com/ref/css/filters/
--
Els
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo - This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Steven Bethard |
last post by:
So I've been playing around with trying to add a keyword argument to min
and max that works similarly to the one for sorted. It wasn't too hard
actually, but it does raise a few questions about...
|
by: Jack |
last post by:
Greetings folks,
Just curious if anyone knows what the following would produce:
SELECT
MAX( ECP_SUPPORT_DED_EMAIL.CD_TYP_CMPGN) CD_TYP_CMPGN,
MAX(ECP_SUPPORT_DED_EMAIL.CELL_ID) CELL_ID,...
|
by: Pink Panther |
last post by:
Using the following SQL can the results be explained?
Using A97 (with the SP2 for Jet 3.5) or A2002
CREATE TABLE Test
(PK Number CONSTRAINT PK_TEST PRIMARY KEY, ParentID Number,
Child...
|
by: Ker |
last post by:
I have a query that works great. It gives me the min for multiple
fields.
Within this query, I also need to get the max of some fields too.
I currently have output of
Date Name ...
|
by: charles.amith |
last post by:
I have 2 tables: LOCATION and ELEVATION
In location, I would like to find the record with the max value for
field: DATE1
In elevation, I would like to find the record with the max value for...
|
by: norb1 |
last post by:
After tracking down a bug in my Fortran program, I found that it
assumed
max(NaN,0.) = 0.
This makes no sense, as the outcome of the operation is undefined and
should be NaN.
max(NaN,0.) = NaN...
|
by: mike |
last post by:
so I keep optimizing my fields down to the minimum character length
necessary i.e., varchar(15), then I find out a month later its gotta
get bigger, then a few months later, bigger again, etc. ...
|
by: Eugeny Myunster |
last post by:
I know, only simple one:
#include <stdio.h>
int main()
{
int min=0,max=0,i,arr;
for(i=0;i<12;i++)
arr=rand()%31-10;
for(i=0;i<12;i++)
|
by: bearophileHUGS |
last post by:
Empty Python lists don't know the type of the items it will
contain, so this sounds strange:
0
Because that may be an empty sequence of someobject:
0
In a statically typed language in...
|
by: hong.niu4 |
last post by:
please look our website ,have more mode shoes clothing hat cap bags !
Air Max
Air Max 87 shoes www.shoestrade.biz
Air Max 90 shoes www.shoestrade.biz
Air Max 91 shoes www.shoestrade.biz
Air...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
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: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
|
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: 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: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new...
| |