As others have said, it fixes a bunch of other bugs in older IEs, and I used
to use it as a matter of course. It's IE though, and as you've found out,
things are never that simple. I stopped using it when I found that on
complex layouts it really slowed down the rendering of the page in IE, and
cau
Just been doing some testing on this, and IE5 doesn't pick up the styles
inside a
One for the old-school crowd: Has anyone got a solution for the extra width
IE5 adds to the element, most visible in wide buttons? The
overflow: visible fix only works on IE5.5+. I'm trying to create a button
with no (or minimal) space around a nested .
Yes, I know I should know better than to be
I used to use multiple stylesheets for ease of development (and I have to
admit, often a lot more than the four you're using), but in recent years,
after reading about the impact on page load speed, my approach has changed
radically.
If you're using @import, as you will be if you're using one styl
One word of warning ...
And one more: A standalone IE6 is not *identical* to regular IE6, at least
when you have it running alongside IE7. For example, standalone IE6 with IE7
installed will support alpha transparency on 8-bit PNGs. The real thing
doesn't. Standalone's are ideal for testing as yo
If there's any chance of the list items wrapping, as one does in your
example, then you're asking the impossible. Even if you could calculate
which items were going to wrap server-side, it'd fall apart on text resize.
Maybe with CSS 3 multi-column support, but not with the current crop of
browsers.
Thanks folks. Ems it is then.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by e
#contentright ul {
padding: 0;
margin-left: 2em;
list-style-type: none;
}
#contentright ul li {
text-align: left;
padding: 10px 1px 10px 30px;
font-size: 0.8em;
}
is overriding the styles for that specific list. Reduce the left margin on
the ul to m
Hi list,
I'm looking to use em or ex units for elastic layout on a new site.
mozillaZine (http://kb.mozillazine.org/Em_vs._ex) recommends ex's to avoid
rounding errors (in Moz), but other sites make veiled references to ex
problems with older browsers.
Can anyone tell me what those problems are/w
If you give the last an *ID* of 'environet', you can set you colours
with:
#environet a:link, #environet a:visited, #environet a:hover {
color: #FF9933;
}
as long as this is placed after your main link colour definitions. Read up
on 'specificity' on the W3C site to get a handle on this.
I h
IE5 on the Mac supports PNG transparency, so you shouldn't need to do
anything special.
I should qualify that I'm talking about 32-bit PNGs. 256 colour PNGs could
well be different.
__
css-discuss [EMAIL PROTECTED]
http://www.css
What would be the best way to target IE/Mac? Maybe I should still use
the html>body filter?
IE5 on the Mac supports PNG transparency, so you shouldn't need to do
anything special. If you start to get ambitious with IE5 Mac it can be a bit
quirky though. Check out http://www.webmasterworld.com/foru
I'd skip the hacks if I were you. In your main stylesheet, have:
#logoContainer {
background: transparent url(../img/template/logo.png) no-repeat
scroll 0 0;
width: 832px;
height: 396px;
margin: 0 auto;
}
Add this to to of your page after your main stylesheet impo
On the containing div, try either:
position: relative;
and/or:
height: 0;
The latter to give the layout (as in hasLayout). I had to use both to
drag s out of s with negative margins, but it may be different in
your circumstances.
I'd strongly suggest you put at least the height declaration in
Try dimensioning the - either width: 100%; or something like height: 0;
in a conditional comment.
This is yet another one of those IE bugs associated with the hasLayout
property.
I have a very curious issue happening.
I think it's a browser error but I wonder if anyone can think of a way to
pr
This adds up to 617px. Still, on IE6 the right column falls down underneath
it all as if it doesn't fit in the container div. Looks right in FF though.
If you put display: inline; onto #main it'll fix IE's doubling of the left
margin. IE doubles included margins on floats. Maybe your hacks get
Is it possible to horizontally centre an inline list inside a fixed with
container,using floats for the list items (not display: inline;) and without
knowing the width of the list?
__
css-discuss [EMAIL PROTECTED]
http://www.css-d
For accessibility, order isn't really a big issue as long as you provide a
clearly labelled 'skip navigation' link if the nav is first, or a 'skip to
navigation' link if the nav is after the content. List member Jim Thatcher
has a nice article here:
http://www.jimthatcher.com/skipnav.htm
As for S
- Title attributes are a tricky thing, and definitely NOT a valid
accessibility fallback. Titles explain more than meets the eye (or the
ear) on the first encounter - but not all users have title reading enabled
or have the patience/aptitude to see the rendered tooltip a title attribute
creates.
No list tags; they'd be used for styling lists. ;)
Try , which can be nested; , but use a inside it
and style that instead; and . I get better styling mileage using
before or after the form control than wrapping it around the
control. Floats are definitely useful if you want to avoid adding addi
Semantically, the nested list should be contained within the list item that
references it:
Establish norms that include diverse styles of expression and learning
Verbal/non-verbal; cognitive/somatic
Multicultural awareness
So you just need to cul
You've set to 100% height, which is 100% of the viewport. In turn
you've set .container to be 100% of its parent (i.e. body). Removing either
(or preferably both) will fix things in Mozilla. Presumably these height
settings were put in for a reason, maybe to fix another problem?
My problem is o
Looks like I have a solution:
// 'em' read by all browsers
em {
color: #F00;
}
/* 'a' read by all browsers */
a {
color: #0F0;
}
/* Opera and Moz inherit link styles, IE ignores inherit */
a em {
color: inherit;
}
/* Ignored by Opera, redundant for Moz, gets around inher
I have some copy where I've semantically emphasised some words:
Why does Opera misbehave when Mozilla doesn't?
I've made a section of the copy, including a chunk of emphasised text, a
link:
Why does Opera misbehave when Mozilla
doesn't?
and I've used the following CSS to style the links:
em {
I have some copy where I've semantically emphasised some words:
Why does Opera misbehave when Mozilla doesn't?
I've made a section of the copy, including a chunk of emphasised text, a
link:
Why does Opera misbehave when Mozilla
doesn't?
and I've used the following CSS to style the links:
em {
When s are floated left in a floated , each clears previous
ones, and the is given a width; the s in IE (5, 5.5 and 6 in quirks
and strict) react to the to as if it's exactly half its specified
width. All except the first bullet.
In the code below, shrinking the width of the will cause the con
1.
Assign a class to the first link than removes the border:
link
.first {
border-left-width: 0;
}
2.
Try setting line-height to the same value as the height of the containing
element.
I have a horizontal navigation bar that's giving me a few headaches which I
wouldn't mind a poin
li a {
display: block;
width: 100%;
height: 100%;
}
or change the height and width dimensions to those of your elements.
I have a horizontally oriented list of 3 's. In each , I have a
specific background image that for the sake of this question, is 100 pixels
x 50 pi
A workaround could be to take the bg-image from the link and move it to the
containing h1 block ...
Yes. This is the fix. IE has issues only when a background image is used on
a link. If IE's 'internet options' are set to 'Check for newer versions of
stored pages: Automatically' it can be as inn
"Conceptually one doesn't find paragraphs in lists - only list-items. One
could argue that something that isn't a list-item within a list should be
treated as if it weren't in the list, regards formatting at least."
I think you've got it there. Either your paragraph is in fact a list item,
albeit
I'm looking for the ability to have a line of text, all on the same
baseline, but that baseline is at an angle. Everything I have come across so
far leads me to believe that images is the only way.
Yep, images or Flash, but that doesn't mean you're markup can't be
semantically correct. Take a
31 matches
Mail list logo
