Re: [css-d] horizontal centering in IE
David Laakso wrote on 17/01/2007: Larry, I will reply directly to you off-list this evening or in the morning-- straight out at the moment... Regards, David -- http://chelseacreekstudio.com/ I wish to record my deep appreciation and very grateful thanks to David for an 'out of this world' experience. he has been incredibly patient and walked not just an extra mile, but several miles. Also, Georg and Molly t.c. - a big thanks. Best, Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote: [previous messages trimmed] David, Made changes and uploaded. Now no breaking --sidebar, +sizes. But the footer does not stay at the very bottom if size made ---small. Rest (incl H1) seem OK. At least to me :-)) Yet more coming my way? Best Larry In reference to url: http://www.jehangirlarry.com/andromedamockup.php I replied to Larry off-list. ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote:
Please see http://www.jehangirlarry.com/andromedamockup.php
The left hand menu appears centered horizontally in FF but not in IE [I am
on IE7]
Appreciate advice. This centering issue continues to confuse me.
Try positioning the ul#navmenu declaration rather than #menu:
Delete this ruleset:
/*#menu {position:relative; padding:30px 0 0 22px; margin: 0 auto;
background-color: fuchsia; }*/
Amend this ruleset:
ul#navmenu {
margin: 0 auto; delete
margin: 30px auto 0 auto; add
}
BTW, you're getting some cross-over text overlap with a sidebar and/or
with font-scaling.
Larry
Regards,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] horizontal centering in IE
From: ~davidLaakso
Try positioning the ul#navmenu declaration rather than #menu:
Delete this ruleset:
/*#menu {position:relative; padding:30px 0 0 22px; margin: 0 auto;
background-color: fuchsia; }*/
Amend this ruleset:
ul#navmenu {
margin: 0 auto; delete
margin: 30px auto 0 auto; add
}
BTW, you're getting some cross-over text overlap with a sidebar and/or
with font-scaling.
Regards,
~dL
--
http://chelseacreekstudio.com/
Thanks, once again. Works very well.
Does this then mean that the #menu was a superfluous div?
Regards,
Larry
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote: From: ~davidLaakso [trimmed...]Thanks, once again. Works very well. Does this then mean that the #menu was a superfluous div? Regards, Larry In reference to your url: http://www.jehangirlarry.com/andromedamockup.php I /guess/ the reason why you may have had difficulty centering the list horizontally cross-browser is because of conflicting rules. Since ul#navmenu alone positions the list, #menu can probably be deleted from the markup. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
David Laakso wrote: In reference to your url: http://www.jehangirlarry.com/andromedamockup.php I /guess/ the reason why you may have had difficulty centering the list horizontally cross-browser is because of conflicting rules. Since ul#navmenu alone positions the list, #menu can probably be deleted from the markup. Best, ~dL http://chelseacreekstudio.com/ Thanks a ton. Working fine. Best, Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote: David Laakso wrote: In reference to your url: http://www.jehangirlarry.com/andromedamockup.php trimmed Thanks a ton. Working fine. Well... you are getting there, Larry. You may (among other things :-) ) want to abandon the absolute positioning so that those little content boxes flow with font-scaling (try her at 2+ font-scaling in ff and text-size 'largest in ie). The heading h1 should not cross-over or drop behind, and you may not want the primary content to disappear under the footer. This stuff is a lot more fun if you let go and let the software do its thing ;-) . Best, Larry Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
- Original Message - From: ~davidLaakso [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Tuesday, January 16, 2007 8:33 AM Subject: Re: [css-d] horizontal centering in IE Jehangir Larry wrote: David Laakso wrote: In reference to your url: http://www.jehangirlarry.com/andromedamockup.php trimmed Thanks a ton. Working fine. Well... you are getting there, Larry. You may (among other things :-) ) want to abandon the absolute positioning so that those little content boxes flow with font-scaling (try her at 2+ font-scaling in ff and text-size 'largest in ie). The heading h1 should not cross-over or drop behind, and you may not want the primary content to disappear under the footer. This stuff is a lot more fun if you let go and let the software do its thing ;-) . Best, Larry Regards, ~dL Gosh! Looks awful. Everything spills all over. What should I do? i can't even figure out where to start! Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote:
David Laakso wrote:
[Previous messages trimmed]
Gosh! Looks awful. Everything spills all over. What should I do? i
can't even figure out where to start!
Larry
In reference to your url:
http://www.jehangirlarry.com/andromedamockup.php
It will go easier if you *abandon the absolute positioning* and let the
content flow without inhibiting and restricting it..
For example:
Amend the #remove1 ruleset to read only:
#remove1 {
background-color:#fff;
border:2px outset navy;
margin: 30px auto 0 auto;
text-align:center;
width:180px;
}
And amend the html. Physically move the markup for div id=remove1
and put it below the navigation box in the right column, like so:
div id=right
h4 ... /h4
ul id=layouts
li ... /li
/ul
div id=remove1
a href=#nogoNEWSbr
Vessels Berthingbr
Recruiting Nowbr
See Application Form/a
/div!--/close #remove1--
/div!--/close #right--
The /other absolute position box/ was treated in a similar way to the above,
and the conditional comment deleted so it will happen in IE6.0 the way
it does in IE7, too.
!--[if IE6] style type=text/css #content, #main, #inner-wrap,
#wrap { zoom:1; }/style![endif]--
The h1, footer, and any other issues remain to be resolved :-) .
Please see: http://www.chelseacreekstudio.com/ca/cssd/larry.html
HTH.
Regards,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote:
David Laakso wrote:
[Previous messages trimmed]
Gosh! Looks awful. Everything spills all over. What should I do? i can't
even figure out where to start!
Larry
In reference to your url:
http://www.jehangirlarry.com/andromedamockup.php
It will go easier if you *abandon the absolute positioning* and let the
content flow without inhibiting and restricting it..
For example:
Amend the #remove1 ruleset to read only:
#remove1 {
background-color:#fff;
border:2px outset navy;
margin: 30px auto 0 auto;
text-align:center;
width:180px;
}
And amend the html. Physically move the markup for div id=remove1 and
put it below the navigation box in the right column, like so:
div id=right
h4 ... /h4
ul id=layouts
li ... /li
/ul
div id=remove1
a href=#nogoNEWSbr
Vessels Berthingbr
Recruiting Nowbr
See Application Form/a
/div!--/close #remove1--
/div!--/close #right--
The /other absolute position box/ was treated in a similar way to the
above, and the conditional comment deleted so it will happen in IE6.0
the way it does in IE7, too.
!--[if IE6] style type=text/css #content, #main, #inner-wrap,
#wrap { zoom:1; }/style![endif]--
The h1, footer, and any other issues remain to be resolved :-) .
Please see: http://www.chelseacreekstudio.com/ca/cssd/larry.html
HTH.
Regards,
~dL
You are an incredible help. I need a while to 'digest' all this; before I
respond.
I am honoured to have your acquaintance and deeply appreciate the pains you
take.
You (and ofcourse, many others) raise the bar each time you contribute to
this list.
Regards.
Larry
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote: David Laakso wrote: [Previous messages trimmed] Gosh! Looks awful. Everything spills all over. What should I do? i can't even figure out where to start! Larry In reference to your url: http://www.jehangirlarry.com/andromedamockup.php --SNIP-- Please see: http://www.chelseacreekstudio.com/ca/cssd/larry.html HTH. Regards, ~dL You are an incredible help. I need a while to 'digest' all this; before I respond. I am honoured to have your acquaintance and deeply appreciate the pains you take. You (and ofcourse, many others) raise the bar each time you contribute to this list. Regards. Larry David, Made changes and uploaded. Now no breaking --sidebar, +sizes. But the footer does not stay at the very bottom if size made ---small. Rest (incl H1) seem OK. At least to me :-)) Yet more coming my way? Best Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
