Re: [WSG] Can someone Help Center Horizontally a div in a div
On 11/12/09 22:04, ??? wrote: Hi! You can make: div style=width:800px div style=margin:0 auto; width:400pxinner div/div /div That should work. I think the trick is that the containing block has to have a fixed width. If only has a width computed by determining the width of the contents, I don't think that elements centered within it (with margin: 0 auto;) will actually center. I would've given you credit by name but... well can you suggest a nickname you'd like to use, for those of us who are alphabet-challenged :) -- *Vince Aggrippino* -- some Americans consider this name hard to say :) a.k.a. Ghodmode www.ghodmode.com http://www.ghodmode.com 2009/12/11 Ronald Kyamagero rkyamag...@gmail.com mailto:rkyamag...@gmail.com Can someone Help Center Horizontally a div in a div? I can center a div horizontally in the body. But I find problems horizontally centering a div within a div. Your help will be greatly appreciated. Thanks, Ronald -- Tel: +256 414 466365 Cell: +256 782 756110 www.realtechgrp.com http://www.realtechgrp.com www.resellerspanelafrica.com http://www.resellerspanelafrica.com www.realtechosting.com http://www.realtechosting.com Social Networks: 1. http://www.linkedin.com/in/ronaldkyamagero 2. http://twitter.com/Kyamagero 3. facebook.com/ronald.kyamagero http://facebook.com/ronald.kyamagero Are you in need of an efficient web solution? Real Technolgies Group (Real Technologies) have the solution tailored to your needs. Real Technologies is a one stop for your web development, web hosting, internet marketing, graphics and animation, and architectural CAD needs. Following your requirements, we consistently meet your expectations and deliver on time yet keep within your budget. (www.realtechgrp.com http://www.realtechgrp.com) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org mailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Can someone Help Center Horizontally a div in a div
On 11/12/09 23:56, Ronald Kyamagero wrote:
Hi all,
Thanks for your help. It works!
However, when I try to incorporate it into my site, it does not work.
Hi Ronald,
I think it's the computed width. Since you're using a computed width
for your containing block (100%) rather than a fixed width, (ie: 980px),
the inside blocks don't know how to compute their auto margins.
This problem has tripped me up several times and I think that it's the
reason many sites use a fixed width layout.
You might have to do without the proper usage of the min-width for the
outer block, but you might be able able to mostly accomplish the look
you're going for by giving that outerWrapper block a margin: 0 auto also.
If you want it to really be perfect, you might be able to be able to
adjust the width of the outerWrapper to match the width of the content
area of the window with JavaScript, but there might be a moment when
your page first loads that it doesn't look quite right.
Here is my code:
body {
text-align: center;
min-width: 980px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #525252;
background-color: #fff;
margin: 0px;
background-image: url(../images/body_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
}
/* Layout */
#outerWrapper {
width: 100%;* !-- Change this to something fixed.*
min-width: 980px;
text-align: center;
background-image: url(../images/footer_bg.jpg);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 123px;
overflow: auto;
}
#innerWrapper {
margin: 0 auto;
width: 980px;
}
Why is my innerWrapper not centered in the outerWrapper.
Please advise.
Thanks,
Ronald
2009/12/11 hariharan k hariharansw...@gmail.com
mailto:hariharansw...@gmail.com
Hi,
Can you try like this!
style type=text/css
.class1 { height:auto; width:300px; margin:0px auto;
background-color:#f3f3f3; border:1px solid #a6a6a6; padding:10px; }
.class2 { height:auto; width:100px; margin:0px auto; border:1px
solid #f50; padding:10px;}
/style
div class=class1
div class=class2Center, middle/div
/div
rEgArDs,
Hariharan. K
2009/12/11 Алексей Лиходиевский bezb...@gmail.com
mailto:bezb...@gmail.com
Hi!
You can make:
div style=width:800px
div style=margin:0 auto; width:400pxinner div/div
/div
2009/12/11 Ronald Kyamagero rkyamag...@gmail.com
mailto:rkyamag...@gmail.com
Can someone Help Center Horizontally a div in a div?
I can center a div horizontally in the body. But I find
problems horizontally centering a div within a div.
Your help will be greatly appreciated.
Thanks,
Ronald
--
Tel: +256 414 466365
Cell: +256 782 756110
www.realtechgrp.com http://www.realtechgrp.com/
www.resellerspanelafrica.com
http://www.resellerspanelafrica.com/
www.realtechosting.com http://www.realtechosting.com/
Social Networks:
1. http://www.linkedin.com/in/ronaldkyamagero 2.
http://twitter.com/Kyamagero 3.
facebook.com/ronald.kyamagero
http://facebook.com/ronald.kyamagero
Are you in need of an efficient web solution? Real
Technolgies Group (Real Technologies) have the solution
tailored to your needs.
Real Technologies is a one stop for your web development,
web hosting, internet marketing, graphics and animation,
and architectural CAD needs. Following your requirements,
we consistently meet your expectations and deliver on time
yet keep within your budget. (www.realtechgrp.com
http://www.realtechgrp.com/)
--
Hariharan. K
Web Designer
--
Tel: +256 414 466365
Cell: +256 782 756110
www.realtechgrp.com http://www.realtechgrp.com
www.resellerspanelafrica.com http://www.resellerspanelafrica.com
www.realtechosting.com http://www.realtechosting.com
Social Networks:
1. http://www.linkedin.com/in/ronaldkyamagero 2.
http://twitter.com/Kyamagero 3. facebook.com/ronald.kyamagero
http://facebook.com/ronald.kyamagero
Are you in need of an efficient web solution? Real Technolgies Group
(Real Technologies) have the solution tailored to your needs.
Real Technologies is a one stop for your web development, web hosting,
internet marketing, graphics and animation, and architectural CAD
needs. Following your requirements, we consistently meet your
expectations and deliver on time yet keep within your budget.
(www.realtechgrp.com http://www.realtechgrp.com)
--
*Vince Aggrippino*
a.k.a. Ghodmode
www.ghodmode.com http://www.ghodmode.com
***
List
Re: [WSG] Positioning not consistent
On 11/12/09 14:51, Western Web Design wrote:
Good morning all
The following seems to be happening in all browsers:
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts
Compare the positioning of the Clear Selection and Next lines on
the above page with
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits
AND
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests
It appears that on pages with several rows of images, such as the
vests page, the positioning is more or less as required ie just under
the image blocks and to the left of the navigation bars on the right.
On pages with only 1 or 2 rows of images, it is positioned much too
far down.
I could solve the issue by putting the data in another navigational
bar under the images but my associate (who does the databases)
prefers to have it separate. I'm OK with that if we can get the
positioning consistent ie, just under the image blocks and to the left
of the nav bars.
Hi Lyn,
I'm seeing the same thing on all three pages in the following browsers.
_Linux_
Mozilla Firefox 3.5.3
Chromium 4.0.267.0
Google Chrome 4.0.249.30
_Windows_
Mozilla Firefox 3.5.5
Google Chrome 3.0.195.33
Safari 4.0.3
The Clear Selection and Next links appear just under the image
blocks and to the left of the nav bars. Next is on the line below
Clear Selection.
In the following browsers, all three pages render the same, but the
Next link is to the right of Clear Selection on the same line
with no space in between them... Like this: Clear SelectionNext
_Linux_
Opera 10.00 build 4585
_Windows_
Internet Explorer 8.0.6001.18702
Opera 10.10 build 1893
How can I position if more consistently? Thanks!
Kind regards
Lyn
The CSS in question is
#main .black { color: #000; font-weight: bold; text-decoration: none;
float: left; clear: left;}
#main .black ul { list-style: none; }
I did run it through the Validator but it no longer validates because
of all the JS.
Western Web Design
www.westernwebdesign.com.au
--
*Ghodmode*
www.ghodmode.com http://www.ghodmode.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Positioning not consistent
Try putting in Microsoft's compatibility meta tag and see how it changes your results : | meta http-equiv=X-UA-Compatible content=IE=8/| There are different options for the content field and you may be able to play with that to get consistent results across MS browser versions. The tag is discussed in this article: http://blogs.msdn.com/mikeormond/archive/2008/09/25/ie-8-compatibility-meta-tags-http-headers-user-agent-strings-etc-etc.aspx -- *Vince Aggrippino* a.k.a. Ghodmode www.ghodmode.com http://www.ghodmode.com On 11/12/09 18:09, Western Web Design wrote: Hi Ghodmode http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts Compare the positioning of the Clear Selection and Next lines on the above page with http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits AND http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests Hi Lyn, I'm seeing the same thing on all three pages in the following browsers. _Linux_ Mozilla Firefox 3.5.3 Chromium 4.0.267.0 Google Chrome 4.0.249.30 _Windows_ Mozilla Firefox 3.5.5 Google Chrome 3.0.195.33 Safari 4.0.3 The Clear Selection and Next links appear just under the image blocks and to the left of the nav bars. Next is on the line below Clear Selection. As it should be :-) In the following browsers, all three pages render the same, but the Next link is to the right of Clear Selection on the same line with no space in between them... Like this: Clear SelectionNext _Linux_ Opera 10.00 build 4585 _Windows_ Internet Explorer 8.0.6001.18702 Opera 10.10 build 1893 Yes, that is what I see too. However, Emmanuel sees it as it should be in IE7. My associate and I are using IE8 (as you are!) which may account for it. Will need to do a complete browser check. Thanks for checking. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] [OT] Anyone Wanna Wave?
I have 7 Google Wave invites. If anyone would like one, please email me off-list. I'll send my invites to the first 7 people who ask :) -- Ghodmode http://www.ghodmode.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Re: [OT] Anyone Wanna Wave?
All gone. That was quick :) If I get more invites, I'll send another email :) On Thu, 2009-12-03 at 22:02 +1300, Ghodmode wrote: I have 7 Google Wave invites. If anyone would like one, please email me off-list. I'll send my invites to the first 7 people who ask :) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Re: [OT] Anyone Wanna Wave?
On Thu, 2009-12-03 at 10:09 +, Simon Proctor wrote: I (perennial lurker on this list) have 38 (got 30 while I was in hospital having my appendix out). Wow! Maybe I should have paid better attention when I heard that there were concerns about Google Health (https://www.google.com/health ). Does anyone have a chart listing the number of invites I can get for each organ? Sorry... I couldn't resist :) It's cool that I started a chain reaction (wave reaction?) of invite sharing, though. :) Drop me a line if you'd like one. On Thu, Dec 3, 2009 at 10:00 AM, Ghodmode ghodm...@ghodmode.com wrote: All gone. That was quick :) If I get more invites, I'll send another email :) On Thu, 2009-12-03 at 22:02 +1300, Ghodmode wrote: I have 7 Google Wave invites. If anyone would like one, please email me off-list. I'll send my invites to the first 7 people who ask :) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
