Re: [css-d] problems with CSS and floats
Thanks for the perspective, Gunlaug. Your comments are very much appreciated. And your help on this list is invaluable to so many! Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: Friday, December 07, 2007 10:14 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] problems with CSS and floats Rick Faircloth wrote: However, it's good to remember that for those of us that are just beginning to work with CSS layouts, that getting *anything* to work on any level is a big challenge. Once we become more knowledgeable and experienced we can begin to work with broader concerns, like font-scaling, more browser compatibility, etc. The CSS learning-curve _is_ steep, but it doesn't become less steep by leaving out factors like the mentioned issues till later. Leaving any of these basics out at an early stage just means one has to go through the same learning-process all over again, and there's always the risk that hard-learned knowledge has to be unlearned and/or corrected more than one would like, in order to go forward. For me, just being able to make CSS-based sites without tables has been a big task... especially having no formal training in it. Just getting them to look as good as my table-based sites has been a big challenge. I would think so, since the part of CSS that is best suited for replicating and/or improving look and feel based on table-based designs, is badly supported across browser-land and not at all in MSIE. It's called 'CSS-table', and _maybe_ IE8 will at least _start_ to support CSS-table now that Firefox (3) is showing signs of improving its support. Miracles have happened before... :-) The substitutes we use now, like floating and/or positioning major layout-parts, won't last forever. They are all temporary solutions, and both existing but badly supported, and entirely new, solutions will (have to) come into play. So the process of learning and unlearning methods and what to use them for, is the only constant we have in today's web design. It is not a good idea to make this process harder by skipping important parts early on - at least not knowingly. So don't expect too much of us newbies too soon... it'll only scare the faint-hearted away. Sometimes a pretty picture is a big goal! Indeed. However, it would be wrong not to point out that experience tells us that the prettier they come, the less they can take before they break. It doesn't have to be like that at all (that pretty means weak), but it _is_ , sadly, the norm. Doesn't seem to have much to do with newbie or advanced status either, and a web designer's status doesn't help much when it comes to holding a design together under what must be considered to be 'normal conditions' - visitors being able to use a site in regular browsers. Proper use of HTML/CSS/script etc., is however always of immense help towards such a goal. This is why some of us ignore status, and only look at the results. We comment for a reason: we want to see *better results* - in a broad sense. The rest -- process, experience, status -- doesn't really matter all that much, (IMO of course). Consequently: we don't expect much of anyone - status irrelevant, as we're all limited by the same incomplete tools - browsers and standards. We just try to help whoever to find solutions they are comfortable with, within the range of available alternatives. This does sometimes mean we have to tell people that something doesn't work well or at all, and which problems one has to solve and/or avoid if one wants a pretty picture or whatever to work. This is not critique of ones status, present attempts or forwarded examples. It is just information that anyone can do what they want with, and the only expectation I have to anyone is that I expect them to do just that - what they want. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] 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-discuss [EMAIL PROTECTED] 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] Spry drop down
Anahita Shafa wrote: Hello, I used the Spry menu bar, to create drop down menus in Dreamweaver CS3. However, I think there are issues with the css and in IE (both IE6 and IE7), since the menu looks very strange in IE. Also, there is a shift when I roll my mouse over the menu buttons. I was hoping someone could take a look at this and let me know if you have any solution or fix or IE hack that can correct it. Here is the link to the page: http://www.mcleanwebdirectory.com/mclean/index.html (please ignore the flash in the banner area!) Anahita :) It looks quite a disaster in IE. Since it is a javascript driven menu, this is off topic for this list. There is no :hover at all in the CSS so the debugging is almost impossible for a non javascript person like myself. I would suggest that you use a CSS driven menu as an alternative. http://css-class.com/articles/ursidae/ http://www.tyssendesign.com.au/articles/css/dropdown-low-down/ Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] 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] image gallery
Hello I was always wondering if it's possible to center image in a div - like when you have a photogallery of images that are vertical and horizontal and they are always centered so it looks tidy I know how to do it in a table cell, but don't want to use a table. Would anyone please have any suggestion? Thank you!!! Jana Forsythová --- www.cisty-design.cz [EMAIL PROTECTED] tel: +420 774 924 565 __ css-discuss [EMAIL PROTECTED] 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] More CSS tests
Dear all, here we are: http://www.css-zibaldone.com/test/more/ hope it's useful. bye, Gabriele -- http://www.css-zibaldone.com/ http://mimicry.css-zibaldone.com/ __ css-discuss [EMAIL PROTECTED] 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] More CSS tests
Gabriele Romanato wrote: Dear all, here we are: http://www.css-zibaldone.com/test/more/ hope it's useful. bye, Gabriele You and Fancis Bacon [1] always have interesting things to say, see, and share... [1] http://wwar.com/masters/b/bacon-francis.html -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] 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] problems with CSS and floats
-Original Message- From: David Laakso [mailto:[EMAIL PROTECTED] Sent: Saturday, December 08, 2007 8:47 AM To: Rick Faircloth Subject: Re: [css-d] problems with CSS and floats Now, if we can get you to just stop top-posting (it screws up the archives and makes it impossible to follow a logical thread), and into trimming the unessential (it just loads everyone's mailbox), maybe we can get back to what this list is all about : the practical application of CSS. Notice I have written below you, and what is not essential to communicate these thoughts, has been trimmed. Please know, as well, it is not necessary to lash-out at everyone on the list who is attempting to help you and others. We do the best we can. Accept what you can. Ignore the rest. Correct someone who has made an error if you feel so inclined; but, make sure, as best you can, that the error (or misconception) is theirs and not yours. I hope you have a pleasant and enjoyable weekend, and I look forward to your continued questions, answers, and support of CSS and Web standards... Best wishes, ~d Whoa, David! I don't remember lashing out at anyone... you included. I've just simply notice a sometimes subtle, sometimes not, virtual cane lashing of anyone who doesn't follow the religious CSS dogma adopted by some or many on this list. For example, personally, at this point, I don't care if anyone ever reads any of my sites on a text-only browser. If they want to go that route, no problem here, but they have *no* right to any expectation that anyone should ever code for that decision. Now, again, if there are those who want to accommodate them, fine, but there should be no expectation that they *should*... *BIG* difference. I just make it a point to defend anyone who is being chastised for not adhering to the CSS coding standards that someone else adopts. What standards everyone decides to adhere to and how far they want to employ CSS methods in building websites is *totally* a matter of personal choice. If there were a CSS god who dictated with absolute authority what standards and practices should be employed, then I'd submit. But I know of no one who has the authority over me to proscribe what my CSS coding behavior and standards will be in this world Some on this list just a little bit that Taliban mentality, and I don't like it, and say so... just to keep things in balance. Rick PS - Notice... I didn't top post... see, I'm flexible! __ css-discuss [EMAIL PROTECTED] 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] image gallery
Čistý Design wrote: Hello I was always wondering if it's possible to center image in a div - like when you have a photogallery of images that are vertical and horizontal and they are always centered so it looks tidy I know how to do it in a table cell, but don't want to use a table. Would anyone please have any suggestion? Thank you!!! Jana Forsythová Tough one. See various test runs by Bruno Fassino [1] in the section titled: Centering, Shrink wrapping, Images. http://www.brunildo.org/test/ Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] 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] problems with CSS and floats
Rick Faircloth wrote: Ø if you are creating a commercial web site then you are decreasing your web sites accessibility and therefore you are loosing those potential customers. Thanks for your thoughts, Davoud… I’m wrestling with learning totally CSS-based design, learning a new IDE (Eclipse/CFEclipse), trying to keep up with SEO/SEM concerns for my clients and generate their reports and offer perspective on them, learn the new tools for coding in ColdFusion 8, to which I recently upgraded, keep MySQL happy, keep production of new sites moving, write proposals, etc. It’s just matter of how many “straws” can you put on the camel’s back, before he buckles under the weight. For some to complain that a site breaks when font size is increased to +3 may be important for some, but it’s not something I can add to my list of priorities right now. I do have sympathy, even empathy, for those visually impaired… my increasingly poor eyesight is causing headaches and aggravation right now, and I do appreciate it when some offers the various size “A” buttons on their site to increase font size. It’s just not something I’ve had time to learn to employ into my sites. Although, at some point, I will. I’m adapting practices as fast as possible, but CSS coding can be a real pain in the rear with browser compatibility. In many ways, it would be *far* simpler to just to go back to tables. Since my change-over to CSS-based layouts, my sites take a lot longer to develop because of the inherent CSS compatibility problems. I just tend to balk at the attitude of some who say “do CSS completely correctly or don’t do it at all.” Rick Do not worry about your difficulties in Mathematics. I can assure you mine are still greater. -- Albert Einstein Best, ~dL PS Do you have a CSS question? __ css-discuss [EMAIL PROTECTED] 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] problems with CSS and floats
Rick Faircloth wrote: Ø if you are creating a commercial web site then you are decreasing your web sites accessibility and therefore you are loosing those potential customers. Thanks for your thoughts, Davoud… I agree with your perspective on trying to cater to as many users as possible. Users *are* the standards committee for me, snipped. Is this what one would call a hijacked thread? Just asking. Rayburn Waco Web Designs http://wacowebdesigns.com ~~~ Free Domain Name with any website design | or web hosting plan. | ~~~ TAYLOR's BOOK PAGE http://taylorsbookpage.com ~~~ School, Church, Library receive a discount| of 25% when purchased from my home page. | ~~~ __ css-discuss [EMAIL PROTECTED] 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] problems with CSS and floats
David Laakso wrote: PS Do you have a CSS question? I consider philosophical questions about CSS design that impact daily work just as legitimate as How do I make a font red?, if not more so... Rick __ css-discuss [EMAIL PROTECTED] 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] problems with CSS and floats
Possibly... maybe just a morphed thread... like any conversation, it can branch. Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rayburn Taylor Is this what one would call a hijacked thread? Just asking. Rayburn Waco Web Designs http://wacowebdesigns.com __ css-discuss [EMAIL PROTECTED] 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] problems with CSS and floats
Rick Faircloth wrote: I consider philosophical questions about CSS design that impact daily work just as legitimate as How do I make a font red?, if not more so... Does your philosophical attempt include to allege that some on this list have a 'Taliban' mentality? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] 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] problems with CSS and floats
Rayburn Taylor wrote: Is this what one would call a hijacked thread? Just asking. It started as one - 'Top Bottom - Lets Keep Them Apart' and then suddenly we had 'problems with CSS and floats' in threading mail-agents. Now it seems the only (somewhat loose) connection with CSS we have left, is one of browser-incompatibilities (and maybe a few other incompatibilities for good measure :-) ). I think it is time to chill out with a read-through of this... http://www.webdevout.net/browser-support ...before the CIA or list-admins take over the entire thread ;-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] 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] [ADMIN - PLEASE READ] was Re: problems with CSS and floats
Is this what one would call a hijacked thread? Just asking. Nope, this is what is called an unholy mishmash of off-topicness and, frankly, rudeness. My apologies to you Rayburn for your first post descending into one of css-d's rare fits of losing the plot. (Though do please start new threads/questions with a brand new message ;) css-discuss is not a place to discuss: * what are the right and wrong ways of writing markup * which users you should be addressing * which browsers you should be targeting * how accessible or usable you should make your site * the benefits of using or not using standards All declared as off topic at http://css-discuss.incutio.com/?page=OffTopic * mailing list administrator's approach to where replies go All comments about issues which relate to the policies and administration of the list should be addressed off list to the owner of the list. That said, there is an explanation of why things are as they are here: http://css-discuss.incutio.com/?page=CssDiscussListHeaders * quoting styles Again, issues of list policy should be addressed directly to the list owner and not to the list itself. That said... From http://www.css-discuss.org/policies.html Trim your replies. If you have more quotation than original text, think about cutting down on the quoted stuff. The list members can look at the message to which you responded, or check the archive. Prune that quoted text with ruthless abandon. The moderators normally don't do anything more than send private messages to overquoters asking them to mend their ways. We also don't normally freak out about top posting even though we don't like it and advise against it. We have however, provided info on the wiki as to how to deal with problems that make Gmail a pain to other members of the list. http://css-discuss.incutio.com/?page=GmailAndCssDiscuss * philosophy From http://www.css-discuss.org/policies.html css-discuss is primarily intended to be a place for authors to discuss real-world uses of CSS. This doesn't preclude discussions of theory, or nifty cutting-edge tricks that show off the power of CSS, or even talking about (X)HTML, DOM, and so forth. However, it's greatly appreciated if such discussions have some practical payoff, even if it's just teaching other list members a little bit more about how CSS works. Finally, but most importantly, are these words of Eric's from the list policies which I think need repeating: Above all, if you can't answer with a modicum of respect, or without feeling somehow annoyed by the question, then DO NOT ANSWER AT ALL. OK? Alex Robinson css-d moderator __ css-discuss [EMAIL PROTECTED] 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] Site check
Hi List, I've been meaning to jump in for a while.I'm working on my first website http://www.scottdemontluzin.com/ I'm using the dreaded 'Holy Grail' layout and it seems to be working ok. Any criticisms will be greatly appreciated. Thanks Scott __ css-discuss [EMAIL PROTECTED] 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
Scott, The site looks good, but I'm seeing a horizontal scroll bar when I set the view port to 1024 px wide. in FF/win and IE6. Also see the horizontal scroll bar in IE6 with the view port set at 1920 wide. It may be the margin-left setting on the sidebar ul. Looks like it is forcing the ul too far to the right. Jim On Dec 8, 2007 11:34 AM, Scott Demontluzin [EMAIL PROTECTED] wrote: Hi List, I've been meaning to jump in for a while.I'm working on my first website http://www.scottdemontluzin.com/ I'm using the dreaded 'Holy Grail' layout and it seems to be working ok. Any criticisms will be greatly appreciated. Thanks Scott __ css-discuss [EMAIL PROTECTED] 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] Site check with source ordered layout with display table
Hi all I have be playing around with this layout for over a month now. The concept originated with a list message about inline content covering floats. After doing some test I discovered that display:table behaves similar around floats. The basis code is div style=float:leftnarrow floatdiv/ div style=float:leftwider floatdiv/ div style=display:tablestatic elementdiv/ Giving display:table to the last div causes it to sit beside the narrow float. This happens in Gecko 1.7-1.9, Opera 9.10~9.50 and Safari 3 (beta). Under certain conditions this can be achieved without display:table but by simple placement of floats and static elements. For IE5.5~IE7 this source ordering is achieved by giving the wider float a clear:left causing a bug. The test layout which has the above technique repeated twice in it is at. http://css-class.com/test/index4.htm The look as seen in Safari 3 (beta) is what I am after when the other browsers catch up. I would please appreciate a site check with Mac and Linux browsers. I believe that Firefox on Mac is fine. I'm interested to see if the sticky footer works in the Mac browsers. I welcome any other comments to. IE/Mac doesn't support display:table or have the IE/Win bug, so this browser has some alternative style. Not sure how well this special style for IE/Mac works. Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] 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] Disappearing page in IE6
In Explorer 6, nothing shows up on this page, but the background tiling. I've never seen this happen. Has anyone else? http://www.webdesigntg.com/tmpeleven.html http://www.webdesigntg.com/styleseleven.css _ Put your friends on the big screen with Windows Vista® + Windows Live™. http://www.microsoft.com/windows/shop/specialoffers.mspx?ocid=TXT_TAGLM_CPC_MediaCtr_bigscreen_102007 __ css-discuss [EMAIL PROTECTED] 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] Disappearing page in IE6
Tammy Grossbauer wrote: In Explorer 6, nothing shows up on this page, but the background tiling. I've never seen this happen. Has anyone else? http://www.webdesigntg.com/tmpeleven.html Hi Tammy It looks like your style block in the head has become incorrectly nested. Try: style type=text/css media=all !-- @import url(styleseleven.css); -- /style !--[if lte IE 6] link rel=stylesheet href=tmponeIE6.css type=text/css ![endif]-- !--[if IE 7] link rel=stylesheet href=tmponeIE7.css type=text/css ![endif] Regards -- Scott Swabey Design Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com __ css-discuss [EMAIL PROTECTED] 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] site check please
12/08/2007 www.bildasfriesslakepub.com Would appreciate a look-see in Opera (I'm in O9.24), as the nav bar anchors aren't working right and occasionally disappear all together on scrolling. Which bug and how to fix? Also a check in IE6 to make sure my green box in the left col isn't triggering the Peek-a-boo bug. Finally in IE, I'm getting extra vertical space above the main col (vertical border should touch nav bat above it) and in the footer above and below the content. Not a killer but would appreciate suggestions on how to eliminate it. Add 'has-layout' doesn't do it and causes other problems, since fixed. http://www.bildasfriesslakepub.com/menu.html Would appreciate a look-see in IE, especially IE6 to make sure the right column content is appearing. Much thanks to David and Georg for getting me this far. The site is live and the client gassed. Peter www.fatpawdesign.com __ css-discuss [EMAIL PROTECTED] 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] IE6 float issue: floated element larger than container expands containing block
In essence: I have a header div with width 800px and height 246px
which contains a floated image of height 313px. The floated image
should overflow outside of the header div and cover the content that
follows, but what's happening in IE6 is that the height of the header
div is being altered by the floated content:
div id=header
img src=images/lct_logo.png alt= height=313 width=296
id=looselogo /
ul id=nav
li class=page_item page-item-1a href=index.php
title=Loose
Change Trio HomepageHome/a
?php wp_list_pages('title_li='); ?
/ul
/div
#header {
margin: 0 auto;
height: 246px;
width: 800px;
display: block;
}
#looselogo {
display: block;
float: right;
height: 313px;
width: 296px;
}
You can see what looks like in IE6 here:
http://www.loosechangetrio.com/wp-content/themes/loosechange/images/
ie6.jpg
If you're using a friendlier browser you can see what it should look
like here
__
css-discuss [EMAIL PROTECTED]
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] Disappearing page in IE6
Tammy Grossbauer wrote: In Explorer 6, nothing shows up on this page, but the background tiling. I've never seen this happen. Has anyone else? http://www.webdesigntg.com/tmpeleven.html Yup, it's a really silly little mistake. I ran the page throught the W3C HTML validator, and it looks like you're missing the end to your conditional comment.. # Error Line 18, Column 11: ENDIF is not a reserved name. /style![endif]-- Because of that, IE is getting stuck. Hope this helps, matt signature.asc Description: OpenPGP digital signature __ css-discuss [EMAIL PROTECTED] 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] Disappearing page in IE6
Your closing /style tag is misplaced. Put it before the first conditional MSIE statement. __ css-discuss [EMAIL PROTECTED] 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] image gallery
Čistý Design wrote:
Hello
I was always wondering if it's possible to center image in a div - like when
you have a photogallery of images that are vertical and horizontal and they
are always centered so it looks tidy I know how to do it in a table
cell, but don't want to use a table.
Would anyone please have any suggestion?
Thank you!!!
Jana Forsythová
You might try this code. Not sure it is what you are looking for or not.
.onethird {
float: left;
width: 30%;
margin-right: 1%;
text-align: center;
margin-bottom:auto
}
--
h3Eric Meyers' CSS2 Test Suite/h3
pIn the following table, the cells of the second row should be invisible,
but the space the row would have occupied should still be held open. The third
row should be removed from the table altogether, and its space should not be
held open. Using this CSS;nbsp;nbsp; .cl3 {visibility: collapse;}/p
div
p class=onethird
img alt=IE 7 src=images/ie7.gif class=pic-left height=124
width=113brbr
This is what it looks like in IE 7./p
p class=onethird
img alt=Firefox 2 src=images/ff2.gif height=99 width=125brbrbr
This is what it looks like in Firefox 2./p
p class=onethird
img src=images/opera.gifbrbr
This is what it looks like in Opera/p
/div
__
css-discuss [EMAIL PROTECTED]
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] list-item markers vertical-align: top ???
I am having problems with list-item markers in unordered lists that span more than one (1) line being _centered_ vertically. 11 22 33 I want the marker centered on the first line of list-item text. 11 22 33 What do you think? -- Best Regards, mds mds resource 877.596.8237 - Dare to fix things before they break . . . - Our capacity for understanding is inversely proportional to how much we think we know. The more I know, the more I know I don't know . . . -- signature.asc Description: Digital signature __ css-discuss [EMAIL PROTECTED] 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
Peter Hyde-Smith wrote:
www.bildasfriesslakepub.com
Would appreciate a look-see in Opera (I'm in O9.24), as the nav bar
anchors aren't working right and occasionally disappear all together
on scrolling. Which bug and how to fix?
An old instability in Opera when trying to interpret the W3C collapsing
margins bug[1] on a parent that doesn't contain its children. The
margin ends up reversed now and then, and pushes the ul below the
#nav-container.
Opera 9.5beta does seem to have a more stable interpretation of that
particular combination.
To cure, add...
#nav ul{margin-bottom: 0;}
...which removes all confusion in all browsers, and doesn't disturb any
of them.
Also a check in IE6 to make sure my green box in the left col isn't
triggering the Peek-a-boo bug.
Looks stable enough.
Finally in IE, I'm getting extra vertical space above the main col
(vertical border should touch nav bat above it) and in the footer
above and below the content. Not a killer but would appreciate
suggestions on how to eliminate it. Add 'has-layout' doesn't do it
and causes other problems, since fixed.
Another browser's interpretation of the standardized W3C collapsing
margins bug, on another element-combination.
Easiest way to cure it is to replace margin-bottom with padding-bottom
on the last element where collapsing margins is an issue for IE/win...
#header h4 {margin-bottom: 0; padding-bottom: 10px;}
http://www.bildasfriesslakepub.com/menu.html
Would appreciate a look-see in IE, especially IE6 to make sure the
right column content is appearing.
It appears, but stays below the left column. IE6 doesn't respect
declared dimensions, and is auto-expanding the column - making it too
wide for the reserved space.
To fix,add...
* html #rightcol {overflow-x: hidden;}
The last minor imperfection I can see in IE6 is a gap or overlap at the
bottom of maincol - either not reaching down to footer or overlapping
it. IE6 behaves as if it's another collapsing margins interpretation
issue, and a fix for that standardized bug seems to cure it...
* html #maincol {padding-bottom: 1px;}
-
To put all additions and correction together in one place:
#nav ul{margin-bottom: 0;}
#header h4 {margin-bottom: 0; padding-bottom: 10px;}
* html #rightcol {overflow-x: hidden;}
* html #maincol {padding-bottom: 1px;}
regards
Georg
PS: of course collapsing margins isn't a bug, but W3C has kept on
adding details to the descriptions for a long time on how browsers shall
interpret and apply it for different combinations. Thus, different
browsers and browser-versions may have slightly different
interpretations of it, for the simple reason that descriptions were
missing at the time their CSS-engines were updated on those points.
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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/
