Re: [css-d] bolded links not working in IE
Thanks so much, I had a feeling it was some css weight type of issue. Thanks again! -John Michael Landis wrote: On 7/5/06, John Haas [EMAIL PROTECTED] wrote (about http://www.manapedesign.com/21dems): Now, if you got to About Us and look at the HTML source for that secondary nav, you'll see that I have a class being dynamically inserted into the a to mark the page you're currently on: class=active For that active class, I have the link being bold. This works fine in Firefox, but alas, IE does not render those links as bold as they should. Hi, John, The reason has to do with your CSS order. Currently you have: #secondary a.active { font-weight:bold; } #secondary a:link { font-weight:normal; text-decoration:none; } #secondary a:visited { font-weight:normal; text-decoration:none; } #secondary a:hover { font-weight:bold; text-decoration:none; } #secondary a:active { font-weight:bold; text-decoration:none; } As it happens, pseudo-classes have the same weight as regular classes. So all of these rules use one id, one element, and one class to identify the element to aply the style to. Since they all have the same weight, the browser will take the last value identified for the property. For the .active link, it will take the bold from the .active rule, then unbold it with the :link or :visited rules. If you want the .active rule to override the :link and :visited rules, place it after the :link and :visited rules. Or change your selector to include those pseudo classes, so that a.active becomes a:link.active, a:visited.active This can make it clearer that the bolding from the active class should take precedence over the normal link styling. HTH, Michael __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] bolded links not working in IE
Hi folks, I have a secondary navigation at http://www.manapedesign.com/21dems/ At the top of the page... About Us, Newsroom... etc... Now, if you got to About Us and look at the HTML source for that secondary nav, you'll see that I have a class being dynamically inserted into the a to mark the page you're currently on: class=active For that active class, I have the link being bold. This works fine in Firefox, but alas, IE does not render those links as bold as they should. Anyone have any ideas why this might be? The stylesheet in question is located at: http://www.manapedesign.com/21dems/themes/21cd/typography.css Thanks in advance... -John __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE bug I've never encountered. please help!
Yes, I found that by changing the top of those blocks to a div as opposed to an h2 and basically position:relative'ing that and its parent divs, it seems to have fixed the issue.. However, I'm not seeing horizontal shrinking on page load in IE6 or IE7 like you described... Thanks for the reply, John Ingo Chao wrote: John Haas wrote: The site: http://qatotonetwork.newmbc.com The issue: All of the top parts of the sidebar blocks (which are actually h2 tags) are shifting leftwards about 100 pixels upon page load. It at first renders correctly, then quickly shifts to the left. To me, it looks like the entire page shrinks horizontally while page load and switching from one page to the other (IE6 standalone next to IE7) Have you fixed the initial h2 shift? Ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE bug I've never encountered. please help!
Hi folks... Was just about to finish up work for the night on the site I'm working on when out of the blue, an IE6/PC bug seems to have reared it's ugly head. I've checked all the usual IE bugs but I am not seeing where this is going wrong. The site: http://qatotonetwork.newmbc.com The issue: All of the top parts of the sidebar blocks (which are actually h2 tags) are shifting leftwards about 100 pixels upon page load. It at first renders correctly, then quickly shifts to the left. The odd part: When I turn on Show Ruler on the MSIE Dev ToolBar, the issue corrects itself. Thanks so much in advance for any help here! -John __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] using display:table-cell blows up in IE
I finally figured out how to achieve the look of what used to be floated divs, centered in a page (when I don't know the width of the parent div). Right now, I'm using a wrapper div with a display:table and an inner wrapper div with a display:table-row. The colored boxes for the movie campaigns are set to display:table-cell. However, in IE, this displays all the campaign divs one on top of the other, as opposed to the intended horizontal layout. I'm aware that this is an issue in IE, however, but I can't seem to find a solution or hack to get it to work. The fix is located at: http://archivist.incutio.com/viewlist/css-discuss/42280 Hoping someone knows how to get this to look correct. It works properly in Firefox/most everything else. The page: http://stg.participate.net/ The CSS: http://stg.participate.net/css/w3c.css Thanks! -Jack -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] using display:table-cell blows up in IE
Hrmmm -- you mentioned you don't know the width of the parent div; but I assume you know the width of the centered div. Is there a reason you're not using the following: div id=centeredSome content.../div #centered { width: 600px; margin: 0 auto; } This will work regardless of the width of the parent element, or even if there is no parent element. I'm assuming you mean if I had continued to use the float method, as opposed to this display:table stuff. div id=features_wrap div id=features div/div div/div div/div /div /div The reason I had issues with the whole setup was that I can't say how many plain div's will be within that #features div, hence I couldn't put a width on the #features, and couldn't center that via a margin: 0 auto. #features_wrap has to be 100% width. -Jack -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] using display:table-cell blows up in IE
Apparently the IE fix is to apply text-align:center where you have display:table and display:inline-block where you have display:table-row. Obviously, behind a conditional comment or hack. Did you try that? Yes, the hack I have in my CSS now is:: body.home #features_table { display:table; margin:0 auto; } body.home #features { padding: 0; margin: 0 auto; display:table-row; height:17.35em; } body.home #features div { display:table-cell; font-size: .86em; padding: 12px; width:110px; height:18em; text-align:left; } /* IE/Mac \*//*/ body.home #features_table { display: block; margin: 1em 0; text-align: center; } body.home #features { display: inline-block; width: 1px; white-space: nowrap; } /**/ -Jack -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] using display:table-cell blows up in IE
And come to think of it, I'm pretty sure you want to apply display:inline-block to #features div, not #features. I tried that as well, it didn't work either. Well, here's what I have now, still not working, as you can see in IE. http://stg.participate.net body.home #features_wrap { margin:0; padding: 0; background-color:#00; width:100%; text-align:center; } body.home #features_table { display:table; margin:0 auto; } body.home #features { padding: 0; margin: 0 auto; display:table-row; height:17.35em; } body.home #features div { display:table-cell; font-size: .86em; padding: 12px; width:110px; height:18em; text-align:left; } * html body.home #features_table { display: block; margin: 1em 0; text-align: center; } * html body.home #features { display: inline-block; width: 1px; white-space: nowrap; } Christian Montoya wrote: On 1/22/06, John Haas [EMAIL PROTECTED] wrote: /* IE/Mac \*//*/ body.home #features_table { display: block; margin: 1em 0; text-align: center; } body.home #features { display: inline-block; width: 1px; white-space: nowrap; } /**/ But this only applies to IE Mac, if I'm not mistaken. I think you meant to have: * html body.home #feature_table { * html body.home #features { at least, if you wanted it to apply to IE Win as well. And come to think of it, I'm pretty sure you want to apply display:inline-block to #features div, not #features. Or maybe that was to apply display:inline to #features #div. Let me know if you get it to work. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] resolved: using display:table-cell blows up in IE
Alright, got it to work. IE doesn't recognize div for this hack, I had to use span's in this case. See the technique at: http://phrogz.net/CSS/inlineblock.html Thanks for the help, Jack John Haas wrote: And come to think of it, I'm pretty sure you want to apply display:inline-block to #features div, not #features. I tried that as well, it didn't work either. Well, here's what I have now, still not working, as you can see in IE. http://stg.participate.net body.home #features_wrap { margin:0; padding: 0; background-color:#00; width:100%; text-align:center; } body.home #features_table { display:table; margin:0 auto; } body.home #features { padding: 0; margin: 0 auto; display:table-row; height:17.35em; } body.home #features div { display:table-cell; font-size: .86em; padding: 12px; width:110px; height:18em; text-align:left; } * html body.home #features_table { display: block; margin: 1em 0; text-align: center; } * html body.home #features { display: inline-block; width: 1px; white-space: nowrap; } Christian Montoya wrote: On 1/22/06, John Haas [EMAIL PROTECTED] wrote: /* IE/Mac \*//*/ body.home #features_table { display: block; margin: 1em 0; text-align: center; } body.home #features { display: inline-block; width: 1px; white-space: nowrap; } /**/ But this only applies to IE Mac, if I'm not mistaken. I think you meant to have: * html body.home #feature_table { * html body.home #features { at least, if you wanted it to apply to IE Win as well. And come to think of it, I'm pretty sure you want to apply display:inline-block to #features div, not #features. Or maybe that was to apply display:inline to #features #div. Let me know if you get it to work. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] please help: multiple column techniques not working
The page: http://stg.participate.net/ The CSS: http://stg.participate.net/css/w3c.css Comp of desired results: http://stg.participate.net/themes/participate/homepage_v2.pdf I need to get the movie campaign boxes below the grey nav bar to be all the same height and to all stretch height-wise together the user makes the text larger/smaller. I've tried the newest method in the wiki ( http://www.positioniseverything.net/articles/onetruelayout/equalheight ) and it didn't work out for me. Could it be because I'm using an unordered list for these boxes? Also, the faux columns technique won't work out in this situation, as the content is generated on the fly. In addition, I need to have them center in the page regardless of how many are displayed (it's set to a max of 6 in our content management system). Can't seem to center them! Wouldn't margin: 0 auto; theoretically do this when applied to the container div here? It's not. Please help, the deadline is tommorrow and I'm getting very nervous! Thanks in advance... -John -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] mac/IE not reading stylesheet?
Thanks Philip, that did it. Happy Wednesday! -John Philippe Wittenbergh wrote: On 11 Jan 2006, at 1:38 am, John Haas wrote: http://www.lullabot.com Is it because of the way i'm linking css files? style type=text/css media=all@import themes/lullabot_jack/ style.css;/style Thanks in advance for any help. That imported stylesheet contains these two: @import url('main.css'); @import url('adminnav.css'); IE Mac doesn't understand that particular syntax. No quotes or double quotes would be fine: @import url(main.css); @import url(adminnav.css); See http://www.l-c-n.com/IE5tests/hiding/ Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.371 / Virus Database: 267.14.17/226 - Release Date: 1/10/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem in IE with subnav layout
Well, if i outline the #secondary-nav div, i see in all browsers that the width of that div stays at 120px as defined in the css. However, the difference is that the a breaks out of this parent div in FF/others, and is displayed running all the way left to the edge of the browser. Not in IE. The a stays within the parent div (#secondary-nav). Now, if i expand the width of the secondary-nav div to, say 500px, it extends rightwards, not leftwards (the desired effect). Is it possible to get it to extend leftwards somehow? Thanks, I really appreciate the help. -John CJ Larson wrote: The page: http://www.lullabot.com/node/18 The problem in question is the secondary subnavigation layout. In IE, the background image only extends so far in IE, whereas in Firefox/everything else looks fine. See how, when correct, the li's are wide enough that they'll go past the left edge of the browser? Not happening in IE. If you outline div elements in both FF and IE you'll see that FF sends your navigation div all the way to the left, whereas IE does not. Where IE stops the white is exactly where the menu div ends. Get that menu div to extend left in IE and you'll be golden! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 1/9/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] mac/IE not reading stylesheet?
http://www.lullabot.com Is it because of the way i'm linking css files? style type=text/css media=all@import themes/lullabot_jack/style.css;/style Thanks in advance for any help. -John -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 1/9/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE cutting off the width of my subnav? please help.
Didn't try it locally. !--[if lt IE 7]style .second #secondary-nav a.active { position: relative; /* escape from a.p. ancestor with neg. margin */ height: 1px; /* stabilizes the background */ } /style![endif]-- Don't know if or what part of the bug is fixed in IE7. Ingo If it did not fix your problem, I'd appreciate a reply that it didn't work, John. Ingo Ingo, I'm sorry, your message seemed to get lost in another thread in my mail reader. I use threaded messages. Anyhow, I just added the code and well, it seems to have done the trick in IE6/PC. Now to test in other places. Thanks!!! -John -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 1/9/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE cutting off the width of my subnav? please help.
***Note: My email scanner attaches text files and I think that created a problem in my last post to this list, so I've disabled and sent again. My apologies if it's a repeat.*** Hi folks... The page: http://www.lullabot.com/node/18 The problem in question is the secondary subnavigation layout. In IE, the background image only extends so far in IE, whereas in Firefox/everything else looks fine. See how, when correct, the li's are wide enough that they'll go past the left edge of the browser? Not happening in IE. The site is centered, and the background image of the links in my subnav li's are set to display on a:hover. I'd appreciate any help offered here, thanks! The menu CSS is below or at : http://www.lullabot.com/themes/lullabot_jack/main.css .second #secondary-nav { position: absolute; top: 187px; left: 20px; margin: 0; padding: 0; width: 120px; font-size: .6875em; /* 11px */ } .second #secondary-nav ul { list-style: none; } .second #secondary-nav ul li { list-style:none; margin: 0 0 .5em -500px; } .second #secondary-nav ul a { display: block; text-align: right; padding: 0 8px 0 9px; color: #394E81; text-decoration: none; line-height: 18px; white-space: nowrap; } .second #secondary-nav a.active { background-image: url('images/sl-whitebar.gif'); background-position: center right; background-repeat: no-repeat; margin: 0 0 0 -800px; } .second #secondary-nav a:hover { text-decoration: underline; } -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] problem in IE with subnav layout
Hi folks... The page: http://www.lullabot.com/node/18 The problem in question is the secondary subnavigation layout. In IE, the background image only extends so far in IE, whereas in Firefox/everything else looks fine. See how, when correct, the li's are wide enough that they'll go past the left edge of the browser? Not happening in IE. The site is centered, and the background image of the links in my subnav li's are set to display on a:hover. I'd appreciate any help offered here, thanks! The menu CSS: .second #secondary-nav { position: absolute; top: 187px; left: 20px; margin: 0; padding: 0; width: 120px; font-size: .6875em; /* 11px */ } .second #secondary-nav ul { list-style: none; } .second #secondary-nav ul li { list-style:none; margin: 0 0 .5em -500px; } .second #secondary-nav ul a { display: block; text-align: right; padding: 0 8px 0 9px; color: #394E81; text-decoration: none; line-height: 18px; white-space: nowrap; } .second #secondary-nav a.active { background-image: url('images/sl-whitebar.gif'); background-position: center right; background-repeat: no-repeat; margin: 0 0 0 -800px; } .second #secondary-nav a:hover { text-decoration: underline; } -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.371 / Virus Database: 267.14.15/223 - Release Date: 1/6/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check please...
http://www.buyblue.org/stg/ user:buyblue pass:letmein There are a couple of things not functional at this time, but what I'm looking for a check on is any major layout issues. Thanks in advance! -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check please!
http://www.phillyadclub.com/demo Thanks in advance! -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] clear issue in everything but IE
The URL: http://www.buyblue.org/stg/node/87 (user/pass: buyblue:letmein) At the bottom of the Center column lies the Company discussion area. It's div (profile_forum) seems to be clearing left (to the bottom of the left column) in all but IE, no matter what clear property i give it. Perhaps the floatclear div above it has something to do with it? Thanks! -Jack -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] weird Safari-only layout issue?
Would you Mac users be able to verify something for me? http://www.buyblue.org/stg/ user/pass: buyblue/letmein I've been told that the first blog teaser Teamsters, SEIU... runs longer than it should and then after that all of the blog teasers after that are all sorts of screwed up. It looks fine in every browser I have access to. Can anyone confirm, and does anyone know why its happening? Thanks! -Jack -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] weird Safari-only layout issue?
Yeah, this only seems to happen in Safari 1.x browsers. Anyone every hear of that specific version having problems? Karen Dec wrote: Checked it in Safari (under OS X 10.3), Firefox, and IE5 Mac. Looks fine to me! I don't see the issue you are talking about... I even tried resizing the windows and stuff and it seemed to respond appropriately! Karen On Jul 28, 2005, at 12:04 PM, John Haas wrote: Would you Mac users be able to verify something for me? http://www.buyblue.org/stg/ user/pass: buyblue/letmein I've been told that the first blog teaser Teamsters, SEIU... runs longer than it should and then after that all of the blog teasers after that are all sorts of screwed up. It looks fine in every browser I have access to. Can anyone confirm, and does anyone know why its happening? Thanks! -Jack -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] weird Safari-only layout issue?
I've figured it out. It's an open blockquote that is generated automatically by the CMS. Thanks. John Haas wrote: Yeah, this only seems to happen in Safari 1.x browsers. Anyone every hear of that specific version having problems? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] firefox not positioning a float correctly in a 2 column ...
the url: http://www.manapedesign.com/clients/pac/test1.html the css: http://www.manapedesign.com/clients/pac/test_styles.css When looking at this side by side, in FF and IE, the IE version appears to be rendering the right-col div correctly, right up against the side of the left-col div. However, in FF, the right-col div renders approximately 20px to the left of where it should... and on top of the right edge of the left-col. Any ideas what's going on here? Thanks! -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] center column clearing and breaking flow for no good reason
That was it! Thanks. -Jack Matthew Ohlman wrote: Hi Jack: Try replacing the following section in your CSS with this: #node_teasers .node_footer { background-color:#0072BC; padding: 5px 10px; clear:none; text-align:right; color:#FF; } That one takes precedence/* */over the new line where you defined everything to have 'clear: none;' Sorry about the /* */, not sure why those are there..Mozilla Mail must've stuck those in there, just disregard them. Matthew -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Weird gap between divs (repost?)
That did it. I'm now workign with three columns that work in every browse combo i can see. Wow, what a relief! Thanks! -Jack Gunlaug Sørtun wrote: John Haas wrote: ...the first problem is that I'm getting a gap between my header div and my content wrapper div... http://www.buyblue.org/stg A case of 'margin-collapsing'. That is: top margin on an element inside the content wrapper div is lost, and added on top of the content wrapper div itself. This is supposed to be 'standard behavior', but it's just as disturbing in most cases. fix: #content-wrap { padding-top: 1px; } For the future: any padding-value or border-value on top of the right container, will fix this type of margin-problems. regards Georg -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Weird gap between divs
Hi folks, first time poster, been loving the daily css discussion since i signed up a few days ago... Which brings me to my first issue. I'm currently building a site on top of the Drupal CMS. I had tried editing several of the existing templates they have for sites but found I was having problems with all of them. So, here I am, working from scratch towards a fluid 3 column layout (with this as my guide: http://webhost.bridgew.edu/etribou/layouts/skidoo/). Anyways the first problem is that I'm getting a gap between my header div and my content wrapper div, as seen in just about everything but IE 6 and Firefox (PC). I know this because thankfully I have BrowserCam to show me that things are already haywire on the Mac end of things. Here's the URL: http://www.buyblue.org/stg user:pass: buyblue:letmein As you can see, I haven't even gotten to my main content div or my right sidebar yet, but I want to nip this in the bud right away. Here's the comp of what I'm shooting for: http://www.buyblue.org/v2/layout1c.gif (same user/pass if needed) Thanks in advance! -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Weird gap between divs (repost?)
(the following is what I thought I sent to the list, but strangely is not in my sent box... my apologies if this has gone out twice) Hi folks, first time poster, been loving the daily css discussion since i signed up a few days ago... Which brings me to my first issue. I'm currently building a site on top of the Drupal CMS. I had tried editing several of the existing templates they have for sites but found I was having problems with all of them. So, here I am, working from scratch towards a fluid 3 column layout (with this as my guide: http://webhost.bridgew.edu/etribou/layouts/skidoo/). Anyways the first problem is that I'm getting a gap between my header div and my content wrapper div, as seen in just about everything but IE 6 and Firefox (PC). I know this because thankfully I have BrowserCam to show me that things are already haywire on the Mac end of things. Here's the URL: http://www.buyblue.org/stg user:pass: buyblue:letmein As you can see, I haven't even gotten to my main content div or my right sidebar yet, but I want to nip this in the bud right away. Here's the comp of what I'm shooting for: http://www.buyblue.org/v2/layout1c.gif (same user/pass if needed) Thanks in advance! -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/