Re: Centering this darn div's

#1

Cartoper wrote:

Quote:

Fo some reason I keep having problems figuring out how to center
div's. I have a header and a footer div, then there is a contentAll
div between them. With in the contentAll div there is a catIndex
div. It is this div that I would like to get centered both
horizontally and vertically. What am I missing to make that happen?

<snip code>

Posting a URL like you were asked to do before.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

#2

On Sep 29, 5:58 pm, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net>
wrote:

Quote:

Posting a URL like you were asked to do before.

Jonathan,

I am so sorry, I missed that request previously. Here is the issue,
the development I am doing is not on the Internet, but a intranet. I
currently don't have a public web site, do you have any suggestions on
where I can create a free web hosting account to post this code?

Cartoper

#3

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Cartoper wrote:

Quote:

On Sep 29, 5:58 pm, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net
wrote:

Posting a URL like you were asked to do before.

Jonathan,

I am so sorry, I missed that request previously. Here is the issue,
the development I am doing is not on the Internet, but a intranet. I
currently don't have a public web site, do you have any suggestions on
where I can create a free web hosting account to post this code?

Cartoper

Geocities is good. Failing that, drop me an e-mail and I'll lend you a
sub-directory on my site.

- --
Brendan Gillatt
brendan {at} brendangillatt {dot} co {dot} uk
http://www.brendangillatt.co.uk
PGP Key: http://pgp.mit.edu:11371/pks/lookup?...rch=0xBACD7433
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.3 (MingW32)

iD8DBQFG/tEGkA9dCbrNdDMRArM5AKDJJqCFW3pvrRfFMJP9FsY7Ih+wxgC gkEtJ
nd65yXr1g5q/wTApA5tZ95I=
=NFt2
-----END PGP SIGNATURE-----

#4

On Sep 29, 6:26 pm, Brendan Gillatt
<brendanREMOVET... (AT) brendanREMOVETHISgillatt (DOT) co.uk> wrote:

Quote:

Geocities is good. Failing that, drop me an e-mail and I'll lend you a
sub-directory on my site.

Thank you for the offer, I found one though:

http://cartoper.ueuo.com/centering.htm

Again, the objective is to get the three gray boxes centered in the
white area. If you are wondering, the gray boxes are actually links
to new pages that will have arrows on theright side pointing right.

Cartoper

#5

On Sep 29, 6:42 pm, Cartoper <carto... (AT) gmail (DOT) com> wrote:

Quote:

On Sep 29, 6:26 pm, Brendan Gillatt

brendanREMOVET... (AT) brendanREMOVETHISgillatt (DOT) co.uk> wrote:
Geocities is good. Failing that, drop me an e-mail and I'll lend you a
sub-directory on my site.

Thank you for the offer, I found one though:

http://cartoper.ueuo.com/centering.htm

Again, the objective is to get the three gray boxes centered in the
white area. If you are wondering, the gray boxes are actually links
to new pages that will have arrows on theright side pointing right.

Cartoper

You know what I just discovered, it is centered in IE7 but not in
Firefox or Safari for Windows.

Cartoper

#6

In article
<1191105721.952261.251290 (AT) d55g2000hsg (DOT) googlegroups.com>,
Cartoper <cartoper (AT) gmail (DOT) com> wrote:

Quote:

On Sep 29, 6:26 pm, Brendan Gillatt
brendanREMOVET... (AT) brendanREMOVETHISgillatt (DOT) co.uk> wrote:

Geocities is good. Failing that, drop me an e-mail and I'll lend you a
sub-directory on my site.

Thank you for the offer, I found one though:

http://cartoper.ueuo.com/centering.htm

Again, the objective is to get the three gray boxes centered in the
white area. If you are wondering, the gray boxes are actually links
to new pages that will have arrows on theright side pointing right.

First thing to do is to validate your html and get the obvious
errors out, things like no start tags for end tags (see, for
example, your line 160) ...

Next, forget about the XHTML 1.0 Strict doctype, use 4.01 Strict
if you have no firm arguments to use one over the other.

Your links in their grey boxes would be better marked up as a
list.

All the divs within divs within divs seems overly complicated,
the reason for such not being clear... and causing confusion and
trouble. You do not need absolute positioning for simple a
design, except perhaps for your experiments with footer (there it
is an understandable stab)

--
dorayme

#7

On Sep 29, 8:16 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

http://cartoper.ueuo.com/centering.htm

Quote:

First thing to do is to validate your html and get the obvious
errors out, things like no start tags for end tags (see, for
example, your line 160) ...

I did check the file on my hard drive and saw that the <link> element
was not closed, fixed that and uploaded a version that is vertually
identical to what my application is using. When I checked the URL,
there where a lot of errors, but when you look at the source, you will
see extra stuff after the end of the body element, all put there by
the hosting compnay

Quote:

Next, forget about the XHTML 1.0 Strict doctype, use 4.01 Strict
if you have no firm arguments to use one over the other.

Why? What harm is there in XHTML 1.0 Strict doctype?

Quote:

Your links in their grey boxes would be better marked up as a
list.

I will look into that, thanks!

Quote:

All the divs within divs within divs seems overly complicated,
the reason for such not being clear... and causing confusion and
trouble. You do not need absolute positioning for simple a
design, except perhaps for your experiments with footer (there it
is an understandable stab)

One of the objectives of the basic frame (header/contentAll/footer) is
that on another page I need to find out how big the contentAll is as
to know how to lay things out. Other then that, I am wide open to a
better way of doing things.

Please do have another look at the link, for it has changed.

http://cartoper.ueuo.com/centering.htm

cartoper

#8

In article
<doraymeRidThis-79A5F6.10162630092007 (AT) news-vip (DOT) optusnet.com.au>,
dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

Quote:

http://cartoper.ueuo.com/centering.htm

Again, the objective is to get the three gray boxes centered in the
white area. If you are wondering, the gray boxes are actually links
to new pages that will have arrows on theright side pointing right.

First thing to do is to validate your html and get the obvious
errors out, things like no start tags for end tags (see, for
example, your line 160) ...

I then remembered you had just found free web hosting... perhaps
the errors are not your fault. But my other remarks still hold.
Nevertheless, I do penance for any possible mistakes.

Here is something a bit simpler in the html, how about:

<h1><span>The Title</h1>

<ul>
<li><a href="centering.htm">2007 Section</a></li>
<li><a href="centering.htm">Other Stuff</a></li>
<li><a href="centering.htm">Sports</a></li>

<div id="footer">The footer is in development</div>

Now as for style, to get close to what you wanted, I alter just a
few things and leave some of your css in to save me time:

See

http://netweaver.com.au/test/cartoper.html

You will need to add some things to cater for link visits, hovers
etc. You might even want to have the link texts left justified
but generally centered if you know what I mean. All this is
possible..

--
dorayme

#9

In article
<1191113607.041953.227820 (AT) 57g2000hsv (DOT) googlegroups.com>,
Cartoper <cartoper (AT) gmail (DOT) com> wrote:

Quote:

On Sep 29, 8:16 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

http://cartoper.ueuo.com/centering.htm

First thing to do is to validate your html and get the obvious
errors out, things like no start tags for end tags (see, for
example, your line 160) ...

I did check the file on my hard drive and saw that the <link> element
was not closed, fixed that and uploaded a version that is vertually
identical to what my application is using. When I checked the URL,
there where a lot of errors, but when you look at the source, you will
see extra stuff after the end of the body element, all put there by
the hosting compnay

Realised this too late, but see my penance in last post <g>

Quote:

Next, forget about the XHTML 1.0 Strict doctype, use 4.01 Strict
if you have no firm arguments to use one over the other.

Why? What harm is there in XHTML 1.0 Strict doctype?

Look at

http://www.spartanicus.utvinternet.ie/no-xhtml.htm

Quote:

Your links in their grey boxes would be better marked up as a
list.

I will look into that, thanks!

All the divs within divs within divs seems overly complicated,
the reason for such not being clear... and causing confusion and
trouble. You do not need absolute positioning for simple a
design, except perhaps for your experiments with footer (there it
is an understandable stab)

One of the objectives of the basic frame (header/contentAll/footer) is
that on another page I need to find out how big the contentAll is as
to know how to lay things out. Other then that, I am wide open to a
better way of doing things.

Please do have another look at the link, for it has changed.

http://cartoper.ueuo.com/centering.htm

I might have been looking at old link when i posted

http://netweaver.com.au/test/cartoper.html

I am sure, to say it again, you can add and modify this basic
skeleton to suit yourself. Just be careful of absolute
positioning, it really is too tricky and unnecessary for normal
and simple layouts like yours.

--
dorayme