Re: [css-d] What defines a ture holy grail layout?
michael ray wrote: [...] So, my question is this? What are the mandatory requirements for a true 'Holy Grail' layout? A layout that works the same in every browser even if you have a slightly narrow viewpoint. You have written on your main page. Because every browser has its own quirks, many people use hacks to overcome the little problems that arise. In many instances a hack fixes a problem in one browser but creates a new bug in another. Also when a new version of a browser comes out, any bugs that are now fixed will still cause problems because the old hacks are trying to fix a problem that's not there anymore A challenge. Please list the current valid CSS hacks that can target or filter all the latest versions of the rendering engines. They being IE8, Gecko 1.9, Safari 4 (WebKit 531) and Opera 10. If you can not do this, then I would advice you to simply remove this whole section. BTW, this layout. http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm When you narrow the window in IE6, the middle column begin to shift to the right and flies over the right column. When you narrow the window in IE7, IE8, Gecko 1.9 and Safari 4, Opera 10, part of the content in the middle column is clipped. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] problem with sticky footer in most browsers
On this site (WordPress if it makes any difference): http://www.onejedi.com/ My sticky footer is working fine in FF and IE8 - but in Safari/Win, Opera and Chrome, the footer is sliding up slightly over the bottom of div#content. In IE7 the footer's way up into #content. I'm using this sticky footer method: http://www.cssstickyfooter.com/ Can someone tell me how to fix what I have, or suggest another method I should be using here? Help is much appreciated. -- Debbie Campbell __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What defines a ture holy grail layout?
let lassko have a look at it. If he doesn't swear at you it must be fine ;) So is Lassko our resident expert on all things CSS here? It is useful to know so that we can fire quick questions towards him to his direct email. __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What defines a ture holy grail layout?
Jay Tanna wrote: So is Lassko our resident expert on all things CSS here? Mmmm, *Laakso* is _good_ - especially at tearing our dream-designs apart. I quite often let him have a go at mine ;-) It is useful to know so that we can fire quick questions towards him to his direct email. Usually isn't seen as nice to bypass the list entirely early on, unless the subject is off topic (not really CSS related) and/or you already have a dialog going with a person. So many proficient people (and other 8-) creatures) on this list that may have something to add, or subtract, if given a chance. regards Molly 'the cat' (one of those other creatures :-) ) __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Advertisement has unwanted link border around it
Hi, In IE7 and Firefox the advertisement on my site http://www.locallaw11of1998.com/ has an unwanted border around it, because it is a link. The ad is a CSS list as the code below shows. I tried a few ways of giving it text-decoration: none; but that didn't work. Does anyone know how to get rid of the border? #sideNavBar { padding: 0 10px; margin: 0; width: 140px; } #sideNavBar li { list-style: none; margin: 0; padding: 2px 0; } #sideNavBar li a { display: block; } #sideNavBar li img { vertical-align: bottom; } The home page HTML is: div id=contentIndex3 h2Ads/h2 hr/ ul id=sideNavBar li id=t-ad1a href=http://www.brianmcurran.com; target=_blankimg src=images/BrianMCurranAd.gif width=120 height=90 alt=BrianMCurranAd //a/li /ul /div Thanks, Brian __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advertisement has unwanted link border around it
Hi, In IE7 and Firefox the advertisement on my site http://www.locallaw11of1998.com/ has an unwanted border around it, because it is a link. The ad is a CSS list as the code below shows. I tried a few ways of giving it text-decoration: none; but that didn't work. Does anyone know how to get rid of the border? The home page HTML is: div id=contentIndex3 h2Ads/h2 hr/ ul id=sideNavBar li id=t-ad1a href=http://www.brianmcurran.com; target=_blankimg src=images/BrianMCurranAd.gif width=120 height=90 alt=BrianMCurranAd //a/li /ul /div Thanks, Brian I think if you add border = 0 to the attributes img, the border will go away. Del __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advertisement has unwanted link border around it
On Nov 8, 2009, at 10:22 AM, Del Wegener wrote: I think if you add border = 0 to the attributes img, the border will go a img { border: none; } Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advertisement has unwanted link border around it
Thanks - I'm getting better. Enough to answer the occasional question and be close to correct. LOL! Theresa On Nov 7, 2009, at 5:29 PM, Brian M. Curran wrote: Theresa wrote: Does giving #sideNavBar li a { } a rule of border:none help? Text- decoration has nothing to do with a border. Theresa On Nov 7, 2009, at 3:29 PM, Brian M. Curran wrote: Thanks Theresa, you basically got it. I applied border:none; to #sideNavBar li img {} and it worked! __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Well, according to your source code, there's supposed to be a logo there, called LOGO.jpg. Doesn't look like the image is on the server. Did you upload the images folder to the server? Is the logo in the images folder? Theresa On Nov 5, 2009, at 3:01 PM, Norman Fournier wrote: Safari 4.0.3 shows me an image missing icon in the upper left and corner. On 4-Nov-09, at 4:46 PM, Theresa Mesa wrote: What kind of things are you looking for us to find? On Nov 4, 2009, at 3:16 PM, Ed Goodson wrote: Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html Thank-you very much, Cheers, Ed __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advertisement has unwanted link border around it
Brian wrote: Hi, In IE7 and Firefox the advertisement on my site http://www.locallaw11of1998.com/ has an unwanted border around it, because it is a link. The ad is a CSS list as the code below shows. I tried a few ways of giving it text-decoration: none; but that didn't work. Does anyone know how to get rid of the border? #sideNavBar { padding: 0 10px; margin: 0; width: 140px; } #sideNavBar li { list-style: none; margin: 0; padding: 2px 0; } #sideNavBar li a { display: block; } #sideNavBar li img { vertical-align: bottom; } The home page HTML is: div id=contentIndex3 h2Ads/h2 hr/ ul id=sideNavBar li id=t-ad1a href=http://www.brianmcurran.com; target=_blankimg src=images/BrianMCurranAd.gif width=120 height=90 alt=BrianMCurranAd //a/li /ul /div Thanks, Brian Theresa wrote: Does giving #sideNavBar li a { } a rule of border:none help? Text- decoration has nothing to do with a border. Theresa On Nov 7, 2009, at 3:29 PM, Brian M. Curran wrote: Thanks Theresa, you basically got it. I applied border:none; to #sideNavBar li img {} and it worked! __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem with sticky footer in most browsers
Jay Tanna wrote: From: Debbie Campbell On this site (WordPress if it makes any difference): http://www.onejedi.com/ My sticky footer is working fine in FF and IE8 - but in Safari/Win, Opera and Chrome, the footer is sliding up slightly over the bottom of div#content. In IE7 the footer's way up into #content. I'm using this sticky footer method: http://www.cssstickyfooter.com/ Can someone tell me how to fix what I have, or suggest another method I should be using here? Help is much appreciated. Debbie Campbell Debbie, The trick with footer to remain at the bottom of the page irrespective of content or browsers used is to to change or add to the the #body section in css file as follows: [...] This metthod is proposed by Matthew James Tsaylor on his website http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page Hope this proves useful. Jay, can you please bottom post since it requires extra work at this end to just edit this thread into an easy followed message. Matthew James Taylor's method has the same problems in Opera that this demo has. http://css-class.com/test/demos/sticky-footer1.htm Opera misbehaves in the bottom part of pages in many ways and does not follow the CSS specialization. Opera also fails with this page which uses absolute positioning. http://css-class.com/test/zeta.htm The most cross browser friendly is still footerStickAlt or the many variations of this method. http://www.themaninblue.com/writing/perspective/2005/08/29/ -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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 evolt.org -- http://www.evolt.org/help_support_evolt/