Re: [css-d] Firefox layout issue, works fine in IE7, Safari etc.

Hi Graham, That's a collapsing margin issue. Adding this: *{margin-top:0} into your style sheet. Can't say which element has margining at the top, but adding that (generally as the first rule of the style sheet) will help cure that. Hi Graham, Just did some checking and to be a bit

[css-d] IE6 and IE7 Correct, everyone else wrong with negative margins

Hi all, Ok, I have a problem where IE6 and IE7 are doing what I want, but the rest of the gang (FF, Safari and Chrome) are not doing what I want. Basically, I'm using negative top and bottom margins to move the top and bottom div in on the inner text. Sorry if I'm not explaining this

Re: [css-d] IE6 and IE7 Correct, everyone else wrong with negative margins

Hi Mark, Your HTML has some problems (doesn't validate). Your best bet would probably be to fix those problems first and then try again. HTH Peter Hi Peter, I'm embarrassed. I usually validate all my html. It validates now, but my problem still exists. Again, any help is

Re: [css-d] IE6 and IE7 Correct, everyone else wrong with negative margins

Hi Mark, You are experiencing collapsing margins, a semi-intended, somewhat troublesome component of CSS design in compliant browsers. Adding a small amount of padding or bordering will generally fix this. Try this rule in your style sheet: .balloon_middle { width: 217px;

Re: [css-d] Flash swf covers DW sprymenu drop downs

On Nov 12, 2008, at 3:46 PM, Barbara Oplinger wrote: Hello, This is my first time with an inquiry. On October 2nd members Jimmy and Lourens had an exchange regarding this issue. Lourens suggested using SWFObject and this apparently solved Jimmy's problem. I too have this problem (on all

Re: [css-d] Curious why link not working in IE6 IE7

On Sep 21, 2008, at 7:01 PM, Gunlaug Sørtun wrote: Mark Wheeler wrote: I have a question that I can't seem to find an answer for. I've solved the problem, but to be honest, it doesn't seem like a smooth and logical solution. Agree, but bugs rarely ever adhere to logic. Humans involved

[css-d] Curious why link not working in IE6 IE7

Hi, I have a question that I can't seem to find an answer for. I've solved the problem, but to be honest, it doesn't seem like a smooth and logical solution. Here's the thing. There are three photos. Each photo is also a link. Not the actual photo in the code, but a hidden text link. See

Re: [css-d] div background issue

On Jun 14, 2008, at 7:22 AM, Duane Nelson wrote: Good morning, all. I'm sure there is a simple fix to my issue, but I've done so many different approaches displays, floats, positions, and margins that I think I've utterly confused myself. Link: http://alansonnazarene.org/index1.html

[css-d] IE7 png opacity problem

Hi, I'm not sure if my first email got lost, as I never received it, so I'm sending it out again. I apologize if you receive this twice. I can't figure out why IE7 is giving me a blacking out my png image when I assign an opacity value to the div that holds it. Here's a link. The css is in

[css-d] IE7 png opacity problem

Hi, I can't figure out why IE7 is giving me a blacking out my png image when I assign an opacity value to the div that holds it. Here's a link. The css is in the head of the source. It's easy to see the problem. http://dev.tonedeafdesign.com/test/frame.php It works fine in FF and Safari.

Re: [css-d] Submit Button Rollover in IE6

Hi all, Thanks for all your suggestions. I'll get to experimenting. :) Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies --

[css-d] Submit Button Rollover in IE6

Hi, I have been using the following for my submit button rollover. This works, obviously, in IE7, FF, Safari, etc. But, is there a way to get rollovers on submit buttons in IE6, or should I forgo the submit button and just use a regular a tag to submit the form? Any suggestions would be

Re: [css-d] CSS Image Maps in IE6

On May 24, 2008, at 6:07 AM, maxxu ! wrote: http://maxxu.casacolor.ro/css-exp/css-image-maps.html Hi, No guarantees, but it sticks in my mind that this may be a white space issue. Try putting everything: div id=staticMaps img src=images/manhattan.jpg

Re: [css-d] Latest Rounded Corners

On May 22, 2008, at 2:21 PM, Chris Akins wrote: I know there are many rounded corner techniques out there, and I'm not looking to start a war. :-) But I was wondering if there are any especially good, newer techniques to the game. I need my rounded box to be resizable, and kind of like

Re: [css-d] IE 6 is butchering my pages.

Hi Jess, It looks like you have a float clearing problem. Here is a link that gives some good info on how to resolve these issues. http://www.quirksmode.org/css/clearing.html In your case there are a couple of things you can do. On your #main div add an overflow: hidden and a width of 100%

Re: [css-d] Site check

If you guys wouldn't mind, could I get a site check on this? http://www.cgraytaylor.net It seems to check out okay for me in Firefox, IE 7, and Opera. I had to lower the font size in the gallery photo descriptions for Opera to lay out the text correctly which makes it a touch small for

Re: [css-d] IE6 and absolutely positioned divs not being contained in the wrapping div

Besides your above fix, Is there any other way, or is that my only option? I'm sure there are, but you may have to rebuild your entire case more or less from scratch to avoid IE6' standard mode bugs without disturbing better browsers/versions. Someone else may chime in with a

[css-d] IE6 and absolutely positioned divs not being contained in the wrapping div

Hi, I have a problem with IE6 not rendering as expected, or at least as I want it to. Go figure. It works fine in IE7, FF and Safari. Here is the test page. http://dev.tonedeafdesign.com/test/wrap_div.html The css is in the head of the page. I've put in a background color for each of the

[css-d] Footer not staying at bottom of window... Sort of

://dev.tonedeafdesign.com/ob/css/global.css I've used the Footer Stick Alt from the man in blue (http:// www.themaninblue.com/experiment/footerStickAlt/) as the basis for this layout. Any help would be very appreciated. Thank you very much. Mark Wheeler

Re: [css-d] Border-bottom not seen in IE7 on hover link

You could try giving position:relative to the LI, this usually stops (in IE) cut-off of contents going outside their containers. -- Bruno Fassino http://www.brunildo.org/test Hi Bruno, Yep, that did it. Thanks. It's weird that it only did it in IE7 only, though. Oh well. Mark

Re: [css-d] Border-bottom not seen in IE7 on hover link

Hi, To fix the height of the li tags, display:block and float:left : #nav ul li { display: block; /* changed */ float:left; /* changed */ margin-right: 5px; /* added */ padding-right: 20px; border: 1px solid yellow; } Then to have it centered, you would need a

Re: [css-d] Border-bottom not seen in IE7 on hover link

On Aug 2, 2007, at 11:16 AM, Phillip Allard wrote: Here's the sample: http://www.bossanoza.net/_external/css-d/ underline_link_test.html (works for me on IE7 (vista), FF and IE6 (xp)) Hi Phillip, Yeah! That worked great. Thanks very much. Mark

Re: [css-d] No brainer with margin/padding

Good evening list, This has got to be a no-brainer but i can't get my hands on it: i've got a customed error page where the margin/padding is driving me nuts. the h1 holds the warning: Error 403: Forbidden Access forbidden to remote server The goal is to have Error 403: sitting

Re: [css-d] No brainer with margin/padding

Good evening list, This has got to be a no-brainer but i can't get my hands on it: i've got a customed error page where the margin/padding is driving me nuts. the h1 holds the warning: Error 403: Forbidden Access forbidden to remote server The goal is to have Error 403: sitting

[css-d] Border-bottom not seen in IE7 on hover link

Hi, I've come across this little problem before, and worked around it last time, but I don't want to work around it anymore. The problem is that I have border-bottom to appear on hover over a link. But, that is not appearing - it seems to be cut off - in IE7. You can see the yellow border

Re: [css-d] Missing Div!

Hey all, I'm having a mind block on this embarrassingly simple problem. I've got two divs, one should hold text below the other, header, div; but the text just seems to disappear? I'm guessing it must have something to do with the fact that the header is positioned *absolutely* -

[css-d] 3 pixels of space problem - clearing problem

Hi all, I'm continuing to work on my first liquid layout. On to the next problem which I thought (think?) was a 3px IE6 problem, but I tried to apply some 3px fixes, but was not successful. Here are the links: http://dev.tonedeafdesign.com/ob/test.html

Re: [css-d] Site check please

On Jul 11, 2007, at 9:20 AM, Gary Benson wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is

Re: [css-d] Site check please

Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it:

[css-d] Problem with paragraphs and headers

Hi all, I'm trying my first liquid layout and have run into a couple of snags. Forgive me if I'm totally going about this the wrong way, but I had to start somewhere. First, here are the links: http://dev.tonedeafdesign.com/ob/test.html http://dev.tonedeafdesign.com/ob/css/global.css The

Re: [css-d] Problem with paragraphs and headers

-0700, Mark Wheeler wrote: Hi all, I'm trying my first liquid layout and have run into a couple of snags. Forgive me if I'm totally going about this the wrong way, but I had to start somewhere. First, here are the links: http://dev.tonedeafdesign.com/ob/test.html http

Re: [css-d] Problem with paragraphs and headers

and Hn rules. Thanks again. Mark - On Jul 9, 2007, at 6:54 PM, Mark Wheeler wrote: Hi David, Thanks for the education. I just googled it and came across this link: http://www.communitymx.com/abstract.cfm?cid=CB7B3 Thanks for the push in the right direction

[css-d] Div overflow not being seen in IE6

Hi, I have a div (#links_corner), floated left, negatively positioned, with a background image in it that is not showing up outside it's container div (#links_title). This happens when there is no width set on the container div. But when I set a width to the container div (which of course

Re: [css-d] Div overflow not being seen in IE6

On Feb 5, 2007, at 5:41 PM, Gunlaug Sørtun wrote: Mark Wheeler wrote: http://www.tonedeafstudios.com/test/cornertest.html Try adding... #links_corner { position: relative;} ...so IE gets the stacking right. regards Georg -- http://www.gunlaug.no LOL. OK... 2 months ago

[css-d] Image border problem in IE6

Hi, I have an image border that is loosing it's padding in IE6. IE7, FF and Safari (although, there is another problem there, but that's for a different list... I think) are fine. There should be a 2px padding around the thumbnails, whether they are selected, hovered or not hovered. I

Re: [css-d] [SOLVED] 3 pixel gap in IE I can't figure this one out

On Jan 2, 2007, at 11:50 AM, Mark Wheeler wrote: Hi all, Happy New Year... now back to work. :) I've run across a 3 pixel IE bug(?) I can't seem to squash. It comes between the #left_container (float: left) and the #main_content. It only shows up in IE6 (I haven't checked IE7 yet

Re: [css-d] list

On Jan 1, 2007, at 11:30 AM, Marjo wrote: Worth reading for me: CSS; the missing manual by Mc Farland. I second that. I'm two-thirds through the book, and am loving it! Mark __ css-discuss [EMAIL PROTECTED]

[css-d] 3 pixel gap in IE I can't figure this one out

Hi all, Happy New Year... now back to work. :) I've run across a 3 pixel IE bug(?) I can't seem to squash. It comes between the #left_container (float: left) and the #main_content. It only shows up in IE6 (I haven't checked IE7 yet) - FF and Safari are fine. What I noticed was that the

Re: [css-d] Circle Navigation

Hi Martin, It's not an all CSS solution, but you could incorporate a little javascript (innerHTML aught to do it) and that might solve you problem. Mark -- On Dec 26, 2006, at 12:28 PM, Martin Davis wrote: Hey all, So I'm trying to make a new website today and I have this

Re: [css-d] [SOLVED] Extra width in IE6 drop down menus

On Dec 8, 2006, at 6:28 AM, Devon Miller wrote: Here's the fix and how I went about tracking it down: 1) Fire up ProgramsAccessoriesAccessibilityMagnifier so we can see what happens With this I can see that IE6/7 is adding an extra band of color below the white line between items. This

Re: [css-d] Extra width in IE6 drop down menus

On Dec 7, 2006, at 8:56 AM, Devon Miller wrote: Ok this seems to work for me in FF1.5, IE6, and IE7. These changes remove the need for some of the width restrictions by setting white-space to nowrap for anchors and by disabling width and float for the inner LI elements. #nav a

Re: [css-d] [SOLVED] Div mostly disappears when adding a span tag in IE7

On Dec 6, 2006, at 7:02 AM, Devon Miller wrote: Now, I'll admit I'm not clear why this works, but adding: display: inline-block to .names seems to do the trick. dcm Hi Devon, Yep, you're right. That did the trick. Andy like you said... I can't get my head around that one. I

[css-d] Extra width in IE6 drop down menus

Hi, I'm just full of questions these days. I'm using drop down menus for the first time and am using the son of suckerfish. Everything works great in IE7, FF, Safari, except that in IE6 I've got some extra width on the drop down and in the main nav bar. I originally thought it was the

Re: [css-d] Extra width in IE6 drop down menus

On Dec 6, 2006, at 1:26 PM, Devon Miller wrote Try removing the 1em of right padding in #nav li li dcm Hi Devon, Well, that fixed the extra padding on the dropdown, but now the hover (a:hover) length is of by 1em in FF. As well, the extra padding in the main nav is still there in IE6,

Re: [css-d] Extra width in IE6 drop down menus

Hi, I'm just full of questions these days. I'm using drop down menus for the first time and am using the son of suckerfish. Everything works great in IE7, FF, Safari, except that in IE6 I've got some extra width on the drop down and in the main nav bar. I originally thought it was the

[css-d] Div mostly disappears when adding a span tag in IE7

Hi, I have a problem in IE7. Believe it or not, IE6 is fine on this one. :) Here's the problem. I have a floated (right) div and then text on the left (not floated). I've surrounded the text in a single span tag (.names) so as to set everything in the text to italic. Works great except in

Re: [css-d] Image cut off in IE6

On Dec 5, 2006, at 9:33 AM, Gunlaug Sørtun wrote: Old IE doesn't get the stacking right over the edge of a container. Add... .title_image {position: relative;} ...to fix that old bugger. regards Georg Hi Georg, That fixed it. Thanks very much. Is there a specific IE bug I can

[css-d] IE7 - no bold text in unordered list

Hi, I have a navigation menu that looks as it should in IE6, FF, and Safari, but IE7 does not bold the text on non hover. I can't figure it out. Anyone have an idea? Here are the links. Site: http://ncp.tonedeafstudios.com/ CSS: http://ncp.tonedeafstudios.com/css/global.css Thanks, Mark

Re: [css-d] IE7 - no bold text in unordered list

On Dec 4, 2006, at 9:57 AM, Gunlaug Sørtun wrote: Just a guess, since I don't have IE7 installed... I think 'a:link' trumps '#nav_container ul li a', the way IE7 works. If so, then changing the last one to '#nav_container ul li a:link' should work. Hi Greg, Tried that. Didn't work. I even

Re: [css-d] IE7 - no bold text in unordered list

On Dec 4, 2006, at 2:53 PM, David Hucklesby wrote: Hi Mark, Did you fix this? The menu text looks bold in IE 7 here. But it's hard to tell with the text size even smaller than the browser's own menu. Cordially, David -- www.hucklesby.com Hi David, No I didn't. I see it in IE6 and

Re: [css-d] IE7 - [SOLVED] no bold text in unordered list

On Dec 4, 2006, at 5:15 PM, Steven Tchorzewski wrote: Mark, I think I may know your problem have your solution: You set: font-weight: normal; and IE7 must be getting stuck on that. a:hover, a:active { color: #006595; text-decoration: underline; font-weight: normal; }

Re: [css-d] IE7 - [SOLVED] no bold text in unordered list

On Dec 4, 2006, at 8:32 PM, Michael Stevens wrote: As a few of us talked about in a past thread typically fonts usually only have two weights: normal bold. Some will have more than that but in those instances you can't bbbcontent/b/b/b to make it bolder. If a font has multiple

Re: [css-d] IE7 - [SOLVED] no bold text in unordered list

On Dec 4, 2006, at 9:46 PM, Philippe Wittenbergh wrote: It is a bit more complicated. Most browsers on Windows will attempt to find a bold face for the specified font. If not available, they will using some algorithms to artificially bold the specified font. On Mac Safari, and in the future

[css-d] Floats not floating in IE

Hi all, So in my quest to use less absolute positioning (why, because I wanted to try it.) I've come up against some floats not floating next to each other. I've written a short test page here, and the css is in page. http://www.tonedeafstudios.com/test/test21.html And here is the very

Re: [css-d] Floats not floating in IE

On 11/29/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi all, So in my quest to use less absolute positioning (why, because I wanted to try it.) I've come up against some floats not floating next to each other. I've written a short test page here, and the css is in page. http

Re: [css-d] Floats not floating in IE

- On Nov 29, 2006, at 12:46 PM, Andy Pemberton wrote: Mark: Add a negative margin equal to the width of the element. For example, in your case, add margin-right:-171px to header_right. Andy On 11/29/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi Andy, Thanks for the reply. I've taken away

Re: [css-d] Can't figure this out - Center a div with variable width

the larger, outer div. Clint On 10/31/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi all, Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because

[css-d] Can't figure this out - Center a div with variable width

Hi all, Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because of content (thus you can't set the width) AND the div width must collapse around

Re: [css-d] UPDATE - IE background image in div disappears with opacity

on this, I've love to hear it. Thanks, Mark - On Oct 27, 2006, at 6:03 PM, Mark Wheeler wrote: Hi all, I've come across something I think I read about once but after hunting the archive and googling, I can't seem to find an answer. I have a png image as a background to a div that is, well

[css-d] IE background image in div disappears with opacity

Hi all, I've come across something I think I read about once but after hunting the archive and googling, I can't seem to find an answer. I have a png image as a background to a div that is, well, here's the div css (this is post png processing for png on IE): .right { float: left;

Re: [css-d] Famous CSS/Javascript menuins system

Hi Wes, Was it Suckerfish? If so, here's the link: http://www.htmldog.com/articles/suckerfish/dropdowns/ Mark On Oct 23, 2006, at 9:51 PM, Wes Gamble wrote: I've been lurking on this list for a while and there is almost always mention of some well known, currently fairly

[css-d] Inline or block display for div question

Hi all, Ok, I've been following the why margin-top/bottom don't work for span class? thread, and have an offshoot question that has been bugging me for some time. Say I have a div that has a little bit of content such as: .div1 { border: 1px solid red; padding: 5px;

Re: [css-d] IE7 Released

Ok... So is there a way to run IE7 and at least IE6 on the same box? Mark -- On Oct 18, 2006, at 7:34 PM, Mike Soultanian wrote: Well, it looks like it's finally out: http://www.microsoft.com/windows/ie/downloads/default.mspx http://blogs.msdn.com/ie/ later, Mike

[css-d] Textarea overlapping div because of Doc Type

Hi, I have come across something I'm not sure how to fix, again... :) I have a textarea inside a div, but the textarea overlaps the div on the right side, ignoring the padding there. This happens with the current doc type: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN

Re: [css-d] Textarea overlapping div because of Doc Type

Hi Philippe, Great. That worked out good... makes sense, too. The only problem is Safari. It comes up short in the width by 6px. Any ideas on why that would be? Perhaps a bug? Mark - On Oct 8, 2006, at 10:22 PM, Philippe Wittenbergh wrote: On Oct 9, 2006, at 2:13 PM, Mark

[css-d] Weird IE Windows border problem (no kidding!)

Hi all, I have the following page working great in Safari, FireFox (Mac and PC), but IE6/Win is doing some weird stuff. I'm getting a double top border (repeats the top border about 100px down form where the first one is - the one that is supposed to be there.) on my containing div and

[css-d] CSS Float clear question

Hi, I have a little problem I can't seem to figure out. Below is a sample code of some floated divs. It all is as I would like it, except the div that contains MORE TEXT GOESE HERE I want that to clear the previously floated divs that contain dates and prices, not the red bordered

Re: [css-d] CSS Float clear question

-- On Aug 8, 2006, at 11:37 AM, Gunlaug Sørtun wrote: Michael Geary wrote: From: Mark Wheeler I have a little problem I can't seem to figure out. http://mg.to/test/float.html When I load the page in IE, the MORE TEXT GOES HERE is below the red box, just like in Firefox. Solution (one of many

Re: [css-d] CSS Float clear question

Thank you so much for the explanation. I understand, now. Mark --- On Aug 8, 2006, at 3:27 PM, Gunlaug Sørtun wrote: Ok, two in one since it is the same case. Mark Wheeler wrote: First off, thank you to Michael for putting my script up on a site. Sorry about that. I forgot

[css-d] Change background and border color on input field

Hi, I did a search (albeit quick) of the archives for the answer to this, but could not find it. I would like to change the background and border color when the focus is on the input field. The following works fine in FireFox and Safari (background color only), but not in IE PC. Do I need to