[css-d] Does line-height override height in IE6 and lower?

Hi all - It may turn out that I need to describe the particulars of my problem, but first I thought I'd try paring the case down to just its bare essentials. I have an unordered list. Each list item is a single word long and has a height of 12px applied to it. However, in IE6, the base

[css-d] A strange Safari bub - related to negative margin?

Hi all - I've never encountered a Safari-only bug before. I'm stumped. The draft page with the problem can be seen here: http://thenestedtest.com/waterworks/ww_d1.html The CSS for it is here: http://thenestedtest.com/waterworks/styles.css The problem is with the navigation. In Firefox,

Re: [css-d] A strange blockquote issue in IE6 - hasLayout related

It looks like the 'Magik Creeping Text'[1] bug. I knew it as 'the MSIE staircase'. Thanks, Georg! I looked all over PIE - I don't know how I missed this article. What a strange bug. I don't think I'll ever really understand hasLayout. It's getting to the point where if a bug looks completely

[css-d] A strange blockquote issue in IE6 - hasLayout related

Hi all - So I have this problem, and I found a fix. Now I'm looking for *why.* Here's the site: www.thenestedfloat.com Here's the css: http://www.thenestedfloat.com/wp-content/themes/ThickFloat/style.css On my blog, any time I use a blockquote, all text in the left column that follows the

Re: [css-d] Sidebar getting dropped in lte IE6

Probably a problem with the italics. Anyway. Try #content {overflow-x:hidden} and apply this hack via a Conditional Comment. Ingo -- http://www.satzansatz.de/css.html Excellent! That worked! Thanks, Ingo. Now: why did it work? 1) I've never heard of a bug that causes italics to

[css-d] Sidebar getting dropped in lte IE6

Hi all - Once again, IE 6 and under has me stumped. On this page: http://www.southernenvironment.org/newsroom/philreed/winners.htm the photo and blurb that should be up there next to the center column content is getting pushed down, right past the bottom of the content column. The thing that

Re: [css-d] different browswer views

There are a number of different pay sites out there, and if you want super-reliable, fast service, they may be the way to go. browsershots.org is what I use. It's an amazing free resource. The only downside is that you have to wait - sometimes a couple hours depending on which browser you're most

Re: [css-d] Browser alignment differences

I'm not sure if this will actually fix your problem, but I think you intended to place your text-align: center declaration on the body, not on the container. (That is, I think you intend to use this to correctly center your layout for IE 5. If that's the case, put it on the body element instead.)

Re: [css-d] Browser alignment differences

Sadly, none of that did anything to fix the problem. Any ideas on making the container extend down to 100% of the vertical space? Well, for starters, you might want to think about changing your use of that background image. If you make the container div wide enough to contain the image bg

Re: [css-d] Browser alignment differences

Still, if you ever end up with a page where there is a small amount of content - especially on a big screen - that container will still stretch to the bottom of the page, leaving a largely empty column. ...but I'm glad it's working! Try adding... html, body {height: 100%;} #container

Re: [css-d] How to Filter Out Explorer 7 and Below

The reason this hack rubs me the wrong way is that you're using the hack to pass a value to FF and other compliant browsers. IE7 gets the unblemished, unhacked version. It's the exact opposite of the way I usually work. (Also, calling Safari a minority browser is absolute foolishness. Konqueror

Re: [css-d] How to Filter Out Explorer 7 and Below

The real foolishness is arguing over browser market share and which browsers are worth supporting and what consitutes being in the minority, among other things. Any browser can be a minority browser, depending on the site in question. On my web site, for example, IE/Win (all versions)

[css-d] Totally stumped on an IE 6 bug...HELP!

This one has officially gotten the best of me. I have this layout: www.thenestedfloat.com/examples/prism/index.html with CSS located here: www.thenestedfloat.com/examples/prism/style.css It works exactly how I want it to in all browsers except IE 6 and under. The problem: while the nav bar

Re: [css-d] Totally stumped on an IE 6 bug...HELP!

, as IE5.0 appears to deal with it just fine.) Thanks! Matt On 1/22/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Matt Dawson wrote: www.thenestedfloat.com/examples/prism/index.html You're running into IE6' 'auto-expansion' bug - IE6 doesn't respect declared dimensions on containing-elements

Re: [css-d] Problem with images and floats

This is a total shot in the dark, but it sounds a whole bunch like you're triggering quirks mode in IE. (Those sound like standard IE5 behaviors - and while I'm not sure that's exactly how many IE5 behaviors are triggered by quirks mode, I know some of them are.) On looking at your namespace

Re: [css-d] Problem with images and floats

I should also point out that your namespace was correct for XHTML 1.0Transitional - just not the XHTML 1.1 that you're using in this document. Matt __ css-discuss [EMAIL PROTECTED]

Re: [css-d] as inside inline lis break free of their containers

Everything is unstyled apart from li{display:inline} and the a, which has strong padding - but the y-padding extends beyond the ancestral elements. It would help to have some context regarding what you're trying to accomplish. It would make sense that padding on your anchor elements would

Re: [css-d] how to hyperlink a background image?

I think everyone might be misunderstanding her question. She may just be referring to image replacement, which is a perfectly valid technique used all over the place: http://www.mezzoblue.com/tests/revised-image-replacement/ matt i don't think you should do this. Users expect links to be

Re: [css-d] color:none?

none is not a valid value for the color property. Now, I assume what you're trying to do is make the text of a link not display. There are a number of ways to replace text with an image. The best place to start your research is at Dave Shea's mezzoblue site. He keeps an updated tally of all the

Re: [css-d] color:none?

As far as I know, the transparent value is only defined for use with color in the CSS3 specs and is, as of yet, unsupported by any browser. If you find I'm wrong about that, let me know - it'd be mighty useful. Matt On 1/15/07, Bjoern Hoehrmann [EMAIL PROTECTED] wrote: * [EMAIL PROTECTED]

Re: [css-d] Request for site check (and critique if you've got time!)

again. Whew! On 1/14/07, ~davidLaakso [EMAIL PROTECTED] wrote: Matt Dawson wrote: http://www.thenestedfloat.com I'd really appreciate a site check. I'm on a mac, so I've done only limited testing in all versions of IE/Win. Matt re: xp Looking good in latest version of opera and ff

[css-d] Request for site check (and critique if you've got time!)

Hi everyone - I've recently finished a redesign of my site, a blog dedicated to - what else! - web design and web standards. http://www.thenestedfloat.com I'd really appreciate a site check. I'm on a mac, so I've done only limited testing in all versions of IE/Win. Let me know if you find

Re: [css-d] page check please

Though I believe everything is working as you intend, I would suggest rethinking the header rollover trick. When I roll over the header image, the image extends, and thus increases the height of the page. But then if I move on to the navigation bar - in an effort to navigate to a particular

Re: [css-d] Page check for newbite

For starters, it's a very attractive first css layout. Congrats! I noticed one thing right away- and I don't think it has anything to do with the Safari problem you mention. Your layout scheme for the three columns (defined in index.css) is a little wonky. If I resize the size of my browser

Re: [css-d] Page check for newbite

*CSS Web Site Design*.) I guess that same solution would apply to my wrong-headed layout here?: http://www.callibeth.com/galleries.htm Beth -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Friday, January 12, 2007 4:36 PM

Re: [css-d] Page check for newbite

-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Friday, January 12, 2007 5:07 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Page check for newbite Yeah, it applies on that page too. Fixed position

Re: [css-d] understanding negative margins and floats

It took me a minute to figure out what you were asking - but once I popped the hood, it makes sense. Floating an element takes it out of the normal flow of the document. In the case of your navigation bar (on the left), you have 4 nearly-identical speced elements (ie same size, proportions, etc.)

Re: [css-d] Help with a CSS bug specific to dreamweaver...

HOLY CRAP! I can't believe that worked. Wow. Thanks, Philippe! You're right - this should be filed under most ridiculous bug fix ever. Matt On 10/25/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Oct 25, 2006, at 6:38 AM, Matt Dawson wrote: And here's where the problem is: I've

[css-d] Help with a CSS bug specific to dreamweaver...

Hi all - I've already gotten so much great help from the list on this project - so thanks to everyone. My problem is I have this css-based layout: http://www.southernenvironment.org/test/index2.html that works in all browsers but IE5 and IEMac (I'm working on separate hacks for those), but has

Re: [css-d] Using Dreamweaver with standards-based websites?

On 10/17/06, Stephanie Leary [EMAIL PROTECTED] wrote: Matt Dawson wrote: snip I downloaded the trial version of Dreamweaver 8 and.no dice. The page is every bit as fractured in design mode in 8 as it was in MX. Is all hope lost? I won't be able to get approval for reworking our

[css-d] Using Dreamweaver with standards-based websites?

I work as a web manager for a smallish nonprofit. Though I'm the primary keeper of the site, there are a number of others in the org that edit it. Dreamweaver is the program that everyone's familiar with, so that's what we use. In my spare time, I've been redesigning the homepage with CSS - I

[css-d] Centering a floated, unordered list in its container.

Hi all - I'm STUMPED. I'm sure most of you use unordered lists to do horizontal navigation bars. You're taking an unordered list, floating the list items to the left, and applying padding and margins to space the items out, apply background images, etc. But now that it's floated, what if you

[css-d] Adding a top border makes DIV snap to the top. Why?

Hello all - Here's a very basic question. I've set up a very basic example html file attached to this email. In it and the css file also attached, you'll see that I'm setting up a centered content column with a fixed width of 500px and fluid borders. In most pages, I would in fact these

[css-d] Using display: inline; for navigation lists

Hello all - I'm a complete CSS novice, with only about ten months HTML experience (all learned from helping with a table-based redesign of my company's website) and only one month of self study in xhtml, css, and standards-based coding. So, you know, take pity on me and stuff. On a couple sites