Re: [css-d] centering block elements in IE 6.0 fails
Hello, almost two years ago I had trouble horizontally centering an absolutely positioned element: On Tuesday 24 October 2006, Gunlaug Sørtun wrote: Daniel Kabs wrote: Please see the test page at http://www.mobotixserver.de/~daniel/css_center_horizontally.html The page works on Firefox and Konqueror but not on IE 6.0 (SP2). ... IE6 can *not* relate A:P elements to opposite sides of parent-container, so only one of these properties is used... left: 0; right: 0; ...not both. IE ends up positioning '.center' according to 'left: 0;' and ignores 'right: 0;'. Result: the auto-margins becomes useless in that browser. I found a workaround by setting the element to relative positioning and wrapping it with an absolutely positioned element instead. This now works on IE 6 and 7, too. I updated the test page and the css wiki page accordingly. Cheers Daniel __ 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] Block elements blooey
I've gotten myself in trouble with this layout, and I can't figure my way out of it, although I've been trying for a while. This is what I want the layout to be: * Textured body borders right and left and ivory content box centered between them This works now but I don't why. I can't see where I've defined right and left margins. * The logo should center to the page * The left nav box is in the right place * Everything else should center to the area between the left nav box and right border of content box. This isn't happening. Some items almost center, some don't center at all. Apparently the uls are pushing their contents to the right. TIA for help. -- this message was sent by Kimi Wei 201.475.1854 http://thewei.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] Block elements blooey
Kim Brooks Wei wrote: I've gotten myself in trouble with this layout, and I can't figure my way out of it, although I've been trying for a while. Where is it? -- 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/
[css-d] ie problems with text spacing
Hi, Can someone look at this page in the ie browser? http://www.eddieandalice.com/index.html I simply cannot get the text to be the same distance from the bottom of each box with all of the browsers. If there is a way to do this please tell me. Thank you! Best Regards, Melinda Odom Design Hosting, Inc. Web Design, Web Hosting, Ecommerce Solutions 479-471-0891 CST [EMAIL PROTECTED] http://www.designhosting.biz __ 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] Block elements blooey
http://njlada.com Should have taken my nap before I sent that email. Thanks, David. At 2:52 PM -0400 08/05/20, David Laakso wrote: Kim Brooks Wei wrote: I've gotten myself in trouble with this layout, and I can't figure my way out of it, although I've been trying for a while. Where is it? -- http://chelseacreekstudio.com/ -- this message was sent by Kimi Wei 201.475.1854 http://thewei.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] ie problems with text spacing
Melinda Odom wrote: http://www.eddieandalice.com/index.html I simply cannot get the text to be the same distance from the bottom of each box with all of the browsers. If there is a way to do this please tell me. Thank you! Best Regards, Melinda Odom Melinda, On a 1680/116dpi laptop it is necessary (for me) to bump the font-size to read the text. Plus 2 font-scaling in FF exposes the structural weakness of the layout. Setting height on containers sometimes causes grave issues as the text expands it has no place to go except to shoot out the bottom. You might try deleting the restrictive heights, and declare padding-bottom in em on those containers. __ 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] Broken borders in IE 6 and the third column placement
Gurus, We are trying to design a simple CSS based layout but it turns out nothing is as simple :). The design can be seen at http://www.newwavecell.com/design/Index.html There are two issues: a. The border lines are broken when we scroll down using IE. It works fine with Mozilla. b. The content in third column always shows up in the bottom and we can't make it to appear at the top. What could be the reason and how can we fix this? Thanks for your help. Regards Sohail __ 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] ie problems with text spacing
Melinda Odom wrote: I found where to change the text to see it. I guess I cannot understand why this text doesn't line up in the browsers and get it so when you change the size you can still read it. Best Regards, Melinda Odom Melinda Odom wrote: http://www.eddieandalice.com/index.html I simply cannot get the text to be the same distance from the bottom of each box with all of the browsers. If there is a way to do this please tell me. Thank you! Best Regards, Melinda Odom trimmed There are anumber of ways to get any column longest/equal height columns, that will function with font-scaling, see: http://www.alistapart.com/articles/fauxcolumns/ http://www.positioniseverything.net/articles/onetruelayout/ http://www.satzansatz.de/cssd/companions.html and the list wiki. -- 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] Broken borders in IE 6 and the third column placement
Sohail Aboobaker wrote:
Gurus,
We are trying to design a simple CSS based layout but it turns out
nothing is as simple :). The design can be seen at
http://www.newwavecell.com/design/Index.html
There are two issues:
a. The border lines are broken when we scroll down using IE. It works
fine with Mozilla.
Add...
#content {position: relative;}
...to correct IE's stacking bugs.
b. The content in third column always shows up in the bottom and we
can't make it to appear at the top.
Rearrange markup so you have...
div id=pannelone
.
/div
div id=panneltwo
.
/div
div id=content
.
/div
div id=footer
.
/div
...as that's the only order that'll work with such a margin-centered in
the flow main-content column. Both floating columns must come first in
the source-code.
Also, add...
#pannelone {clear: both;}
...to prevent the line-up from breaking in decent browsers when
subjected to font-resizing.
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/
Re: [css-d] Nested div break in IE7
On 5/17/08, Daniel Botting [EMAIL PROTECTED] wrote: Dear all, I have been a subscriber to the css-d list for a long while and always found it an interesting read. I'm not a web pro, my background for a while was a tester on a large travel website, so I have a fair-ish idea of things. I'm building a site at the moment as per below url: http://beta.bedazzled.name It looks fine in FF and Opera, a little broken in Konqueror and completely broken in IE7. I use Linux and I don't have IE7 at home (though I am looking at installing ies4linux), but I've had a look at work. It should look like the below mockup I built: http://beta.bedazzled.name/mockup/mockup.png The main background for the body is a tiled 1px image, as are backgrounds for both nested div's, if there is another way of doing it to avoid this any suggestions would be appreciated. Hi Daniel, I would strongly recommend recreating all your bakground images wider than 1px. Tiling tiny images slos some browsers to a crawl, as they have to process each instance of the tiled image. With a vertical gradient in a .png or .gif image you will find that an image 20px or even 100px wide is not signifiantly larger. (If they are jpeg images they shouldn't be!) -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ 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] font-size: medium larger in IE?
Can someone share why IE7 DisplaysChoroideremia Research Foundation Inc. in my h1 in alarger font than Firefox 3 Beta 5? I am not sure why Firefox 3Beta 5 displays everything correctly except for the h1 text and IE7 will not. HTML http://www.choroideremia.org/crf_header.php CSS http://www.choroideremia.org/css/crf_css1.css Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller __ 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] font-size: medium larger in IE?
Hayden's Harness Attachment wrote: Can someone share why IE7 DisplaysChoroideremia Research Foundation Inc. in my h1 in alarger font than Firefox 3 Beta 5? I am not sure why Firefox 3Beta 5 displays everything correctly except for the h1 text and IE7 will not. HTML http://www.choroideremia.org/crf_header.php CSS http://www.choroideremia.org/css/crf_css1.css Angus MacKinnon Angus, Its no larger in IE/7 than FF on this end. Check your IE/7 settings to see that the text-size is set to medium. You may have it set to larger or largest. -- 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] font-size: medium larger in IE?
[in private email using an existing css-d thread] On 2008/05/20 12:42 (GMT-0700) Angus MacKinnon apparently typed: [after which again] On 2008/05/20 16:05 (GMT-0700) Angus MacKinnon apparently typed: [but instead mailed to the css-d list] Can someone share why IE7 DisplaysChoroideremia Research Foundation Inc. in my h1 in alarger font than Firefox 3 Beta 5? I am not sure why Firefox 3Beta 5 displays everything correctly except for the h1 text and IE7 will not. HTML http://www.choroideremia.org/crf_header.php CSS http://www.choroideremia.org/css/crf_css1.css Since IE7 behaves the same as FF2 and Safari, but not Opera, it seems apparent that FF3 Opera may have a bug. I can't put my finger on the why of the behavior you see, but http://fm.no-ip.com/auth/tmp/crf_header.html works around whatever it is. Note same behavior as FF3b5 in FF3rc1. -- . . . . in everything, do to others what you would have them do to you . . . . Matthew 7:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.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] Block elements blooey
Kim Brooks Wei wrote: http://njlada.com Should have taken my nap before I sent that email. Thanks, David. At 2:52 PM -0400 08/05/20, David Laakso wrote: Kim Brooks Wei wrote: I've gotten myself in trouble with this layout, and I can't figure my way out of it, although I've been trying for a while. Where is it? Too many loose canons on deck for me. I'd start from scratch and throw a clean sheet to the wind. Other pirates may give better advice... Johnny Depp -- 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/
[css-d] IE 6 bug - box cuts in half
hi all... following page works fine in the major browsers including IE 7, but the purple box div strangely cuts in half in IE 6: - http://www.fatgraffix.com/2008-test-01/index.html purple box floats left with a margin-left: -105px value inside a div, and the floating box cuts in half in IE 6... =fgx= __ 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] Fixed blocks, now spacing issue
I fixed my block problem. A big help was pointing my html to the correct css file. at http://njlada.com/sandbox I don't know why there's so much space between tr-s in my table. Help . . . ! -- this message was sent by Kimi Wei 201.475.1854 http://thewei.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/
