[css-d] Centering problem
Hi, I have this problem with text centering in this page: http://www.tuxdoit.com/prototype.php 1) As you can see, the left black space until Notícias is much larger than the one from the last letter of Newsletter until the end of the black bar. I've broke my head trying to figure out where this left extra space comes from, but i have no idea at all. 2) How can i vertically center the text (vertical-align: middle doesn't work) ? Any help would be apreciated. Warm Regards, Mário Gamito __ 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] Centering problem
Hi Mario,
Altough, I am strongy confident with this but you can try this;
#menu2 {
text-align: center; //delete this
}
#menu2 li {
margin-left: 4.3%; //change this
}
If you haven't yet, I'd suggest to go through
http://css.maxdesign.com.au/listamatic
Specially;
http://css.maxdesign.com.au/listamatic/horizontal16.htm
Regards,
Cem Meric
Kalkadoon
Corporate Solutions
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mário Gamito
Sent: Friday, 2 December 2005 8:56 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Centering problem
Hi,
I have this problem with text centering in this page:
http://www.tuxdoit.com/prototype.php
1) As you can see, the left black space until Notícias is much larger
than the one from the last letter of Newsletter until the end of the
black bar.
I've broke my head trying to figure out where this left extra space
comes from, but i have no idea at all.
2) How can i vertically center the text (vertical-align: middle doesn't
work) ?
Any help would be apreciated.
Warm Regards,
Mário Gamito
__
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-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] Centering problem
Mario, On Dec 1, 2005, at 4:56 PM, Mário Gamito wrote: Hi, I have this problem with text centering in this page: http://www.tuxdoit.com/prototype.php 1) As you can see, the left black space until Notícias is much larger than the one from the last letter of Newsletter until the end of the black bar. Change the selector from #menu2 to #menu2 ul and add padding: 0; On #menu2 li change margin-left: 30px to margin: 0 15px; It is important to remove the browsers default margin and padding for lists and list items. 2) How can i vertically center the text (vertical-align: middle doesn't work) ? From #menu2 remove font-size: 36px. It is pushing all else down Change height to line-height; I'm not sure that is everything because I lost track of changes a bit, but it should get you started. I also highly recommend against using px for this stuff. When possible I do things in ems or % so it is more flexible when the font-size changes. hth Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ 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] Centering problem
Thx! Indeed it was the javascript function preceding my DOCTYPE. Greets, Maarten - Original Message - From: Al Sparber [EMAIL PROTECTED] To: Maarten Reynders [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Friday, November 25, 2005 6:24 PM Subject: Re: [css-d] Centering problem From: Maarten Reynders [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, November 25, 2005 11:57 AM Subject: [css-d] Centering problem Hi, I used the horizontal align code I found in previous posts of this list. My site now is perfectly centered in Mozilla Firefox, but in Internet Explorer it sticks to the left. Site can be found at: http://www.auberge-lebonvivant.be/index.php CSS can be found at: http://www.auberge-lebonvivant.be/design/css/style.css Move the script that comes before your DOCTYPE down into the head section. If there is anything preceeding the DOCTYPE, IE6 will go into quirks mode and use the IE5 box model. 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/ __ 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] Centering problem
Hi, I used the horizontal align code I found in previous posts of this list. My site now is perfectly centered in Mozilla Firefox, but in Internet Explorer it sticks to the left. Site can be found at: http://www.auberge-lebonvivant.be/index.php CSS can be found at: http://www.auberge-lebonvivant.be/design/css/style.css Can anyone help me out? Greets Maarten __ 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] Centering problem
From: Maarten Reynders [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, November 25, 2005 11:57 AM Subject: [css-d] Centering problem Hi, I used the horizontal align code I found in previous posts of this list. My site now is perfectly centered in Mozilla Firefox, but in Internet Explorer it sticks to the left. Site can be found at: http://www.auberge-lebonvivant.be/index.php CSS can be found at: http://www.auberge-lebonvivant.be/design/css/style.css Move the script that comes before your DOCTYPE down into the head section. If there is anything preceeding the DOCTYPE, IE6 will go into quirks mode and use the IE5 box model. 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] Centering problem
2005/11/25, Maarten Reynders [EMAIL PROTECTED]: Hi, I used the horizontal align code I found in previous posts of this list. My site now is perfectly centered in Mozilla Firefox, but in Internet Explorer it sticks to the left. ... Can anyone help me out? margin: auto forks in IE6 only if browser is in standards mode. Anything that comes before DOCTYPE in the source will triger quirks mode. In your source there is entire script sitting atop DOCTYPE... Regards, Rimantas -- http://rimantas.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] Centering problem
On 25/11/05, Maarten Reynders [EMAIL PROTECTED] wrote: I used the horizontal align code I found in previous posts of this list. My site now is perfectly centered in Mozilla Firefox, but in Internet Explorer it sticks to the left. http://dorward.me.uk/www/centre/#ie -- 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/
Re: [css-d] Centering problem
Firefox honors the max-width rule on #mainContent, IE does not. Currently, IE does not support the min-width or max-width attributes. However, it is possible to fake the max-width rule using IE's support for expressions. Kevin Wimmer Development Manager LogicEase Solutions Inc. ComplianceEase Division One Bay Plaza Suite LL33 1350 Old Bayshore Highway Burlingame, CA 94010 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of David Dorward Sent: Friday, November 25, 2005 2:41 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Centering problem On 25/11/05, Maarten Reynders [EMAIL PROTECTED] wrote: I used the horizontal align code I found in previous posts of this list. My site now is perfectly centered in Mozilla Firefox, but in Internet Explorer it sticks to the left. http://dorward.me.uk/www/centre/#ie -- 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-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] centering problem
rashantha de silva wrote:
i still can't get my sites to center in ie windows (6.0)
http://www.idealzone.net/gotukola/
IE6 is in quirks mode, so better give it some quirks-styles. I couldn't
find the 'ie5-hacks.css', so couldn't check it.
Usual quirk centering:
body {text-align: center;}
container_inside_body {text-align: left;}
Alternative:
Delete the 'xml declaration' above 'doctype declaration', and run IE6 in
'standard mode'
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/
