[css-d] css problem with boxes
Hello, I have a test case at: http://www.icculus.org/~fzzgrr/irlandtest.html I would like the navi_links box (navigation box) beside the mainfoto box. The yellow box (main) shall be as height as the heightest box inside (navi_links or mainfoto). Can you help me? Thanks. Uli __ 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] Vertical Alignment in Columns
Jeff Ferrell wrote: ... The text in the columns is variable, but I'd like the pictures to align vertically with each other, i.e. their tops should both begin at the same point in their respective columns. snip pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis./p img src=images/calendar_green.gif class=calendar pNullam sit amet enim, etc. ... /p /snip You can get some control by playing with min-height on the preceding paragraph. I use 'display: table;' with height-setting to make the good browsers imitate IE/win's 'expanding container' at times, and that *may* create the right illusion in your example. I didn't test. Will of course only work up to a point, but nothing will break or overflow if the paragraph grows taller or font-size is bumped up. The image must float below the height-controlled paragraph, or else it won't work at all. AP is no good here. 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertical Alignment in Columns
On Jun 11, 2005, at 10:55 PM, Roger Roelofs wrote: I've messed with absolutely positioning the images within their columns, but that makes wrapping text around them a problem. Is there a way to accomplish this, or should I just settle for their being a little off, depending on the length of the preceding text in their individual columns? I vote for settling. You need to float them to get the text to warp around them. You could tweak the margin-top on one of the images to get them closer, but that means changing the stylesheet every time the content changes. Also, differing text sizes will affect where the images float to, so what looks good to you may not to someone who has different font-size defaults than you. I am not sure if this would do the trick, but have you tried: img.calendar { float: right; margin: 5px; position: relative; top: 6.25em; /* 100 pixels from top of column, adjust to your needs */ } This would require a new style for each set of images that your want to line up, but the first two images in each column should line up. Not tested, but I'm curious if works or not. __ 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] MSIE italics bug - Holly Hack don't do it
Hi list, An italic styled h1 element is destroying the layout on: http://www.kriton.de/CSS/rounded/rounded.html In order to reproduce the effect, you need to decrease the viewport until the width is near the small range of pixels before the line of h1 element will break. That the italics are responsable for destroying the layout, you can see on http://www.kriton.de/CSS/rounded/rounded1.html On this page the font-style of the h1 element is set to normal. Apart from this changing the two pages are identical. I was trying all the solutions described on http://www.positioniseverything.net/explorer/italicbug-ie.html already, but nothing could help - except a fixed width of the h1 element. Does it means, there is no satifying solution at all? regards, Uwe Kaiser __ 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] MSIE italics bug - Holly Hack don't do it
Uwe Kaiser wrote: An italic styled h1 element is destroying the layout on: http://www.kriton.de/CSS/rounded/rounded.html In order to reproduce the effect, you need to decrease the viewport until the width is near the small range of pixels before the line of h1 element will break. Does it means, there is no satifying solutionat all? Of course there is a solution to the italic bug... I kill it all the time. Paste this into your page, and see if it's close enough for your taste. (only tested in IE6, Opera 8 Firefox 1.0} .contents { margin: 0 3em -2em; _height: 0; } h1 { margin: -1em -1em .6em 0; color: #776; text-align: center; font: 900 italic 1.6em georgia, baskerville, didot, linotype, trebuchet ms, utopia, your choice; float: left; width: 100%; position: relative; } 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] MSIE italics bug - Holly Hack don't do it
Uwe Kaiser wrote: An italic styled h1 element is destroying the layout on: http://www.kriton.de/CSS/rounded/rounded.html In order to reproduce the effect, you need to decrease the viewport until the width is near the small range of pixels before the line of h1 element will break. Hi Uwe, In addition to the negative margin method suggested by Georg, you can use the usual method suggested in the article you mentioned. For IE5.5 and IE6 it requires giving layout and overflow:visible to a suitable container, you can use the h1. Indeed adding: /*\*/ * html h1 { height: 1px; overflow: visible; } /**/ seems to solve the problem. (For IE5.01 you need some additions.) Please let me know if this doesn't work for you. Bruno __ 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] Need guru for positioning issue little man
Davi wrotes: I like your little man, man. http://www.party-project.de/index.html Regards, Davi Thanks! That's me! It was a non-profit project (3 years ago) and I liked to bring in some personal fun. Best wishes, Sebastian __ 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] Vertical Alignment in Columns
Yono noted that I might try the technique described in the ALA article - Cross-Column Pull-Outs http://www.alistapart.com/articles/crosscolumn/ by Daniel M. Frommelt. Thanks for the tip, the method worked here as well http://www.satzansatz.de/cssd/tmp/floatspacer.html (em based, splitted bg-image, without counting of chars) Will it break IEMac? Do I have to fill something in the spacer? Thanks again. Ingo __ 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] MSIE italics bug - Holly Hack don't do it
Gunlaug Sørtun schrieb: Uwe Kaiser wrote: Does it means, there is no satifying solutionat all? Of course there is a solution to the italic bug... I kill it all the time. Paste this into your page, and see if it's close enough for your taste. (only tested in IE6, Opera 8 Firefox 1.0} .contents { margin: 0 3em -2em; _height: 0; } h1 { margin: -1em -1em .6em 0; color: #776; text-align: center; font: 900 italic 1.6em georgia, baskerville, didot, linotype, trebuchet ms, utopia, your choice; float: left; width: 100%; position: relative; } regards Georg Hi killer ;-) I couldn't find your great solution on http://www.positioniseverything.net/explorer/italicbug-ie.html Is my english to bad? The following seems to be needed by MSIE/PC and Opera .contents { margin: 0 3em -2em; _height: 0; == 5.01, 5.5 only } h1 { margin: -1em -1em .6em 0; == 5.01, 5.5 only margin: -1em auto .6em; == IE 6 can bear this color: #776; text-align: center; font: 900 italic 1.6em georgia, etc. ; width: 100%; == 5.01, 5.5, 6 position: relative; == 5.01, 5.5, 6 float: left; == Needed by Opera 8 (zoom 100% only) Opera 7 don't need the float. } The 'float: left' is destroying the layout (in/on/of) MSIE 5.01 and 5.5 Many thanks for your prompt and proper help Uwe __ 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] MSIE italics bug - Holly Hack don't do it
Bruno Fassino schrieb: Uwe Kaiser wrote: An italic styled h1 element is destroying the layout on: http://www.kriton.de/CSS/rounded/rounded.html In order to reproduce the effect, you need to decrease the viewport until the width is near the small range of pixels before the line of h1 element will break. Hi Uwe, In addition to the negative margin method suggested by Georg, you can use the usual method suggested in the article you mentioned. For IE5.5 and IE6 it requires giving layout and overflow:visible to a suitable container, you can use the h1. Indeed adding: /*\*/ * html h1 { height: 1px; overflow: visible; } /**/ seems to solve the problem. (For IE5.01 you need some additions.) You are right. It solves the problem for MSIE 5.5 and 6.01. For MSIE 5.01 I need the negative margin regarding h1 and still the .contents {_height: 0;} suggested by Georg. BTW, how is the behavior of MSIE 5/Mac? But it don't solves the problem of Opera 8.01,that it seems to have, if the zoom factor is 100%. Opera 7 don't have any problem with my original styled page. Please let me know if this doesn't work for you. Bruno Many thanks to you, Uwe __ 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] Vertical Alignment in Columns
On Jun 12, 2005, at 7:44 AM, Jono Young wrote: I am not sure if this would do the trick, but have you tried: img.calendar { float: right; margin: 5px; position: relative; top: 6.25em; /* 100 pixels from top of column, adjust to your needs */ } If I'm doing that right, that leaves me with the same problem--as the text fills around the image, it goes *underneath*. It will do that, floated or not, right, when you slap a relative or absolute position on it? Others of you have confirmed my hunch; I think I'll just live with the offset. It's not really something I need to obsess about, I guess. It's a lot easier to find out what you CAN do than what you CAN'T do on the Web, though, so thanks for your input! Jeff. __ 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] MSIE italics bug - Holly Hack don't do it
Here is another solution you can employ: !--[if lte IE 6] style em, i {font-style: normal; color: red;} /style ![endif]-- I prefer this because, generally speaking, italicised text looks really bad on computer screens. But it's just an option - and one I haven't seen presented here yet. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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] MSIE italics bug - Holly Hack don't do it
Uwe Kaiser wrote: For MSIE 5.01 I need the negative margin regarding h1 and still the .contents {_height: 0;} suggested by Georg. I think that for IE5.01 you can use a width and overflow:hidden, but this is not better than the negative margin solution. Anyway, it's nice to have alternatives. BTW, how is the behavior of MSIE 5/Mac? It's fine. IE5/Mac doesn't need any hack here (and is better if it doesn't see any.) But it don't solves the problem of Opera 8.01,that it seems to have, if the zoom factor is 100%. What's exactly the problem that you see in Opera 8? I notice a sometimes missing border at the right and bottom side. It is not related to the italics (if I remove the h1, the problem doesn't go away completely.) I see this at any zoom, but it happens only at very few window's width. I haven't checked further, maybe it is a strange rendering bug? Bruno __ 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] In need of some general allaround help :)
Klear schrieb: Firstly I would like to introduce myself, my name is Eric Sopp and I was referred to this resource by the folks over at Dzinelabs.com Welcome Klear. http://www.insidedesign.info/newCSS/test.html ...The problem that I am currently struggling with, is formatting with IE. For some reason, at the end of my div statements an extra pixel is displayed showing the background. Does anyone have suggestions or solutions that could fix this problem? these constructs seem let IE respect some whitespace brimg src=headerBbbottom.gif alt= border=0 height=79 width=310 /div get rid of the whitespace and newline: brimg src=headerBbbottom.gif alt= border=0 height=79 width=310/div does fix it here on a local copy (saved with FF ScrapBookExtension, JS off) regards, Ingo __ 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] In need of some general allaround help :)
Klear schrieb: Firstly I would like to introduce myself, my name is Eric Sopp and I was referred to this resource by the folks over at Dzinelabs.com Sorry. Welcome Eric! :) Ingo __ 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] Menulinks disappearing in IE 6.0
Hi there I thought I'd just finished this site, when I checked it again in IE6.0. o do I hate IE Sometimes when I click a new menulink, the menulinks disappear, and won't appear until their hover state is activated. http://www.krokohunter.dk/test/ Any idea, what the problem can be ??? Best regards: Niels - Niels M. Frederiksen Webdesigner/Modelbuilder http://www.KrokoHunter.dk __ 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] In need of some general allaround help :)
On Sun, 12 Jun 2005 12:50:34 -0400, Klear [EMAIL PROTECTED] wrote: My Test Layout Page: http://www.insidedesign.info/newCSS/test.html My Test CSS Page: http://www.insidedesign.info/newCSS/media-design.css ... Also, I am always about efficiency. What are some things I could do to enhance the overall efficiency of the page? Keep in mind, I am designing this page for resolutions 1024x768 and up. Hi Eric, My reply is not about creul and unsual punishment-- just food for thought: When I view your page with images disabled, I see a fast loading easy reading, 2-col layout with a user oriented vertical menu, that with the proper layout, will work in most any browser at 800( if not less) right up through a monitor the width of a football field(if not more). 'Less is more.' Ludwig Mies Van Der Rohe (18861969), German-born U.S. architect. Regards, David Laakso -- http://www.dlaakso.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/
Re: [css-d] MSIE italics bug - Holly Hack don't do it
Uwe Kaiser wrote: But it don't solves the problem of Opera 8.01,that it seems to have, if the zoom factor is 100%. Looks like a new variant of an old background-positioning bug in Opera. Changing from keywords into full x/y percentage *seems* to fix it. Like so: .outer { margin: 0 12% 2em 15%; border-top: 5em solid #FFF; background: url(border00.gif) 100% 0 repeat-y #F6F6EE; } .bottom-left { height:48px; background: url(border00.gif) 0 100% repeat-x; } 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] A question about the best practice to name css styles - classes and IDs
On 6/11/05, David Hucklesby [EMAIL PROTECTED] wrote: I believe that all four are correct. Personally, I do not use underscores as some (older?) browsers may not accept them. Netscape 4.x IIRC ... but I don't serve CSS to that browser in the first place, so its not a worry of mine. (If you do send CSS to that browser, then avoid underscaores) I would also avoid hyphens in ids, since you may later want to manipulate elements with JavaScript / ECMAScript using the id. The script may misinterpret the hyphen as a minus sign. That's easy enough to work around, use the foo['my-id'] notation rather than the foo.my-id notation. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Column Stretching Problem
Hey List, I have put together a little web blog with a two colom layout. However, I am having problems getting the right DIV to stretch to fit the length of the left one. I tried using Faux Coloumns as detailed in Dan Cederholm's A List Apart. (http://www.alistapart.com/articles/fauxcolumns/). That didn't work and plus I want to keep the page more accesible and it won't stretch correctly if that technique is used. You can see my problem here: http://www.ohlman.com/blog_wp/wordpress/ Thanks In Advance, Matthew Ohlman __ 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] Column Stretching Problem
On Sun, 12 Jun 2005 21:03:53 -0400, Matthew Ohlman [EMAIL PROTECTED] wrote: I have put together a little web blog with a two colom layout. However, I am having problems getting the right DIV to stretch to fit the length of the left one. You can see my problem here: http://www.ohlman.com/blog_wp/wordpress/ Matthew Ohlman Matthew, You might check out this article http://www.pixelmeadow.com/elastic/example4.htm. It deals with elastic' faux columns. Regards, David Laakso -- http://www.dlaakso.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-d] 9 am deadline -- help please!
Evening All, Well, I've got my work cut out for me, even without all these CSS nightmares. If anyone can help a noob out, I'd be forever indebted to you. Issues: 1. http://greatbigbrain.com/tu/ Brand Manual Guidelines alignment issue -- discrepancy between IE/Firefox. 2. http://greatbigbrain.com/tu/story2.htm City of Tourism title alignment issues, again between the 2 browsers. 3. http://greatbigbrain.com/tu/process.htm Alignment issues in the table with the 4 bulleted thingies AGAIN between the 2 browsers... Is this a good use of a table? Why does everything look so different between browsers? Argh! Thanks everyone in advance. I'm desperate! Steve __ 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] Column Stretching Problem
See also: Creating liquid faux columns: http://www.communitymx.com/content/article.cfm?cid=AFC58 ~dL On Sun, 12 Jun 2005 21:03:53 -0400, Matthew Ohlman [EMAIL PROTECTED] wrote: I have put together a little web blog with a two colom layout. However, I am having problems getting the right DIV to stretch to fit the length of the left one. You can see my problem here: http://www.ohlman.com/blog_wp/wordpress/ Matthew Ohlman Matthew, You might check out this article http://www.pixelmeadow.com/elastic/example4.htm. It deals with elastic' faux columns. Regards, David Laakso -- http://www.dlaakso.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-d] 2-col differences between IE6 Mozilla
Hi list, I'm setting up a blog with Blogger, and the layout is collapsing around my ears. I suspect it has something to do with this: div#mainClm { float:left; width:63%; padding:20px 7% 0px 24%; [originally padding:20px 7% 0px 0%;] background:#ff; border-right: solid 1px #020202; border-top: solid 1px #020202; } div#sideBar { margin:0px; padding:0px 15% 14px 10px; [originally 0px 10px 14px 10px;] text-align:right; } Where 63+24+15=102% But although reducing them to 58+24+12 (94) narrows things up in IE, Mozilla still shunts div#sideBar below div#mainClm. The blog address is http://the-end-of-the-rainbow.blogspot.com/. Could someone say what I'm doing wrong? Thanks! Aziz __ 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] question about validation/xhtml problems
Paul Seale wrote: http://validator.w3.org/check?uri=www.mccahongroup.com What am I missing? Some of the stuff with javascript I find fascinating - but the P elements being undefined makes no sense to me. Hmm, aren't all tags in XHTML supposed to be lowercase? Maybe that's what it's complaining about? -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] question about validation/xhtml problems
What am I missing? Some of the stuff with javascript I find fascinating - but the P elements being undefined makes no sense to me. You are using XHTML, so you have to specify elements and attributes in lowercase. You'll have to replace the UL and P elements with ul and p. XHTML Spec: http://www.w3.org/TR/xhtml1/ Refer section 4.2 Prabhath http://nidahas.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/
Re: [css-d] question about validation/xhtml problems
On 6/13/05, Paul Seale [EMAIL PROTECTED] wrote: http://validator.w3.org/check?uri=www.mccahongroup.com What am I missing? Some of the stuff with javascript I find fascinating - but the P elements being undefined makes no sense to me. XHTML plays by XML rules element and attribute names must be lowercase. What you've written is probably lose to valid as html 4.01 transitional, but if you want to use XHTML, you'd better learn its rules. -- Richard Grevers New Plymouth, New Zealand Orphan Gmail invites free to good homes. __ 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] Float breaks padding and border in Firefox
According to CSS2, if a container contains only floats, it should collapse to have 0 height. Try putting a third div after the floats, and giving it the rule clear: both. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! __ 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] Float breaks padding and border in Firefox
On Sun, 12 Jun 2005 23:58:56 -0400, Kelly Miller [EMAIL PROTECTED] said: According to CSS2, if a container contains only floats, it should collapse to have 0 height. Try putting a third div after the floats, and giving it the rule clear: both. Sweet, that fixed it. Thanks a lot! __ 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] 9 am deadline -- help please!
Making assumptions... From: Steve Hall [EMAIL PROTECTED] 1. http://greatbigbrain.com/tu/ Brand Manual Guidelines alignment issue -- discrepancy between IE/Firefox. #navbar2 { margin: 0; border: 0; padding: 0; margin-left: -177px; /* change value */ position: relative; _height: 0; text-align: left; } /* \*/ * html #navbar2 {margin-left: -180px;} /* add selector */ /* */ 2. http://greatbigbrain.com/tu/story2.htm City of Tourism title alignment issues, again between the 2 browsers. #maincontent3b img {clear: both;} 3. http://greatbigbrain.com/tu/process.htm Alignment issues in the table with the 4 bulleted thingies AGAIN between the 2 browsers... #maincontent5 td p {margin-top: 0;} Is this a good use of a table? I would probably have tried to use a list of some sort. Why does everything look so different between browsers? Argh! Tweaks and niggles these are. The margin difference for #1 is probably due to IE's 3px problem following a float. #2 - IE left space for the floated and relatively positioned navbar that was pulled up. Clearing the image allows IE to ignore the reserved space. #3 IE let default paragraph margins escape out of the td that Gecko browserd didn't. Zero the paragraph margin and you have the browsers doing the same thing. Good luck, ~holly __ 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] Float breaks padding and border in Firefox
Sweet, that fixed it. Thanks a lot! Yes, having an extraneous div to clear floats does work. There's an even better way to do with clean markup: http://www.positioniseverything.net/easyclearing.html Prabhath http://nidahas.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-d] Can't get correct right margin in IE6 with percentage width
I can't get the proper right margin on the content div in IE6 - I've tried all kinds of things and have read the box model stuff but am still struggling to figure out what's wrong. I put it in a 'container' div with 100% width, as I want an elastic width. The css and html validate. Here is the page: http://www.biotext.com.au/test0205/testpage9a.html It should look just like it does in Firefox. Thanks Maren Jack B. Child [EMAIL PROTECTED] www.starbytes.com.au __ 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/