[css-d] min-width in IE 6 on inline/block element?

If you save out the following code and view locally, you'll see in Firefox a min-width (red border) on certain bullets. This is what I'm after. If you open in IE 6, that min-width is not recognized. Is there a way to have min-width in IE 6 without resorting to basically doing the horizontal

[css-d] Fixed Width/Fluid Width 100% span

Hello all, I'm running into some problems with a fixed width/fluid width 100% span. http://www.matthickerson.com/dev/spantest.html Styles are inline in source This is the closest I've come and it's fairly consistent in Firefox and IE6, however the right side doesn't quite flow the entire width.

[css-d] Animated/scrolling show/hide?

Does anyone know if it's possible to do an animated/scrolling show/hide with css/javascript/dhtml like how Yahoo is doing "Mail", "Messenger", "Radio" etc on the top right side of http://www.yahoo.com/. With just css, you get that hard "on" or "off" transition with show/hide. I'm looking for a

[css-d] Getting horizontal list to span specific width

Is there a way to get a stylized list to span the width of it's parent container? I've tried a width:100% as well as the exact pixel width (784) on the , coupled with padding on the anchor tag to give the button text some horizontal padding. This gets me close, but I end up with a slight gap

[css-d] FOLLOW UP: div background image swap

Do you slackers take weekends off? :) I've literally spent all day trying various things to get my layout how I envisioned. I've finally got it working fairly well. The mockup: http://designs.inherent.com/dynapsis/7_27_06/admin_home.cfm The initial build-out: http://designs.inherent.com/dynap

[css-d] DIV background image swap on mouseover?

http://designs.inherent.com/dynapsis/7_27_06/admin_home.cfm This is the effect I'm after, you can see the illustrated mouseover on the top left rounded corner box - gray to orange. http://designs.inherent.com/dynapsis/build/admin_home.cfm http://designs.inherent.com/dynapsis/build/stylesheet.css

[css-d] CSS validation question

When validating css at http://jigsaw.w3.org/css-validator/, do you want to include the web site URL (like you'd pull up in a browser) or the URL for the css stylesheet itself? For example: http://www.matthickerson.com/recent/barley Returns a bunch of color errors, which don't make a lot of sens

[css-d] image layover making links not work

http://www.matthickerson.com/recent/barley/ http://www.matthickerson.com/recent/barley/stylesheet.css In Firefox and Opera, the "latest news" links don't work, but they do in IE 6. What I'm doing is displaying the text, then overlaying a header graphic of that text: Latest News div#home_late

[css-d] image alignment problems

http://www.matthickerson.com/testing/ http://www.matthickerson.com/testing/stylesheet.css I'm having problems getting all my main navigation elements to fit in a specific div. Above url works in IE, but not in Firefox or Opera, the last 2 gray nav items on the right are shifted down. I have:

[css-d] IE 6 not recognizing padding

http://www.matthickerson.com/testing/ http://www.matthickerson.com/testing/stylesheet.css PC IE 6 is not recognizing some padding I have down in the content area. Firefox and Opera display fine. Even Mac IE 5 displays fine. What I have down in the content area is: Left blank gutter div Righ

[css-d] clear problems in Firefox/Opera

http://www.matthickerson.com/ http://www.matthickerson.com/stylesheet.css Explorer: appears fine Firefox/Opera: white background doesn't span height of page, right side page padding doesn't show up, nor does the footer background graphic. I believe this to be a clearing problem, but I'm not rea

[css-d] problems in Explorer

http://www.matthickerson.com/ http://www.matthickerson.com/stylesheet.css In Explorer, at the bottom, "here." html text is being repeated/carried over from the tail end of the right column. I'm guessing this is being caused by my tags. Page looks fine in Mozilla, but if I remove those the w

[css-d] How are you guys handling javascript/form validation?

Maybe a bit off-topicI have a page that validates as XHTML 1.0 Transitional over at w3.org, but when I add javascript/form, it doesn't. How are you guys going about getting forms/javascript to not throw errors when testing a page? For example, it picks up the less than sign: for(i = 0; i <

[css-d] META TAGS not validating

Anyone have any ideas why: Does NOT validate as valid XHTML 1.0 Transitional, but Does validate as valid XHTML 1.0 Transitional. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testi

[css-d] Nesting divs problem in Mozilla, fine in Explorer

http://www.5finger.com/css/bottom_mozilla.html (styles embedded in source) If you look at this in Explorer, it appears as it should, note the dark gray left/right/bottom sides in the white area under the black section designated "nav." There should be no top gray in that white area. If you ope

[css-d] 3 column backgrounds not spanning tallest column height?

http://www.5finger.com/css/fox/ http://www.5finger.com/css/fox/stylesheet.css I have 3 gray "content" columns in the middle of the page, but they're not spanning the height of whatever the tallest column will be (most likely will always be the middle one.) Any ideas how to fix this? I tried ne

[css-d] bottom page spacing problem in Firefox

page: http://www.5finger.com/css/bottom.html css: http://www.5finger.com/css/bottom_stylesheet.css problem elements: footer-graybar footer-bluebar If you open the page in Explorer, it works fine, but if you open it in Firefox, you get extra spacing between the footer-graybar and the footer-blu

[css-d] Possible to center a body background on different resolutions?

Is it possible to have a css declared body background that centers regardless of users resolution? I'm using the below to have a centered "shell" which contains the image. This works fine for the most part (and continues to center on higher resolutions) but I get a little bit of scroll bars i

[css-d] border differences between IE and Firefox

http://www.5finger.com/columns.html Down in the middle, I'm doing vertical rules/borders with: border-left: 1px dotted #999; They display great in Firefox and even Mac IE 5, but on PC IE (6) they appear more like dashes - I think they look pretty crappy in PC IE. Is there anyway to alter their

[css-d] top margin problems in Firefox

http://www.5finger.com/columns.html The top "masthead" (yellow bkg) does not seem to recognize margin-top:22px; in Firefox, but it displays fine in IE. What I have is a main "shell" container (the white background) and inside that, a "masthead" with top, left and right margins of 22 pixels.

[css-d] problem with extra space/margin/padding

http://www.5finger.com/columns.html If you look at this page, you'll see the dark gray (div id="shell"), which is the basic container for the columns within, has extra space below the masthead and footer. The masthead/footer should butt right up against the 3 columns inside. How do I get rid