How to centre relative to page, not floated image

[Andy Mabbett]

The page at:

<http://www.westmidland birdclub.com/club/logo.htm>

has a logo "floated" in the top left, and another "floated" in the top
right, with the H1 heading centred between them (and this centred on the
page).
I would like to only have the logo top left, but retain the centering of
the heading, on the page.

How is this best achieved?
--
Andy Mabbett
USA imprisons children without trial, at Guantanamo Bay:
<http://news.bbc.co.uk/1/hi/world/south_asia/2970279.stm>
<http://web.amnesty.org/library/Index/ENGAMR510582003 ?open&of=ENG-USA>

[Jacqui or (maybe) Pete]

In article <MP************ ************@ne ws.CIS.DFN.DE>,
po****@spamcop. net says...

In article <wl************ **@pigsonthewin g.org.uk>, usenet200305
@pigsonthewing. org.uk says...

In message <MP************ ************@ne ws.CIS.DFN.DE>, Jacqui or Pete
<po****@spamcop .net> writes

... http://www.westmidlandbirdclub.com/club/logo.htm

.... Center h1 text, foreground image to the left

I thought maybe this might work, but no good in Opera...

http://porjes.haxorz.org/bird2.html

[Leonard Blaisdell]

In article <le************ **@pigsonthewin g.org.uk>, Andy Mabbett
<us***********@ pigsonthewing.o rg.uk> wrote:

In message <bH5Qa.48527$Ph 3.3769@sccrnsc0 4>, Brian
<br***@wfcr.org .invalid-remove-this-part> writes

Compare the common centring of the H1 ("West Midland Bird Club"), H2
("New Logo") and the large graphic on:
<http://www.westmidland birdclub.com/club/logo.htm>
(which has two logos, top left and right
<http://www.westmidland birdclub.com/club/test.htm>
which has one.

Both have css errors.

Fixed, thank you.

Does fixing them solve anything?

No :-(

And now for the tacky solution. Do everything as you have and use a
transparent gif of the appropriate size on the right hand side :-)

leo

--
<http://web0.greatbasin .net/~leo/>

[Andy Mabbett]

In message <aa************ *************** *****@4ax.com>, Stephen Poley
<sb*****@xs4all .nl> writes

<http://www.westmidland birdclub.com/club/logo.htm>
has a logo "floated" in the top left, and another "floated" in the
top right, with the H1 heading centred between them (and this
centred on the page).
I would like to only have the logo top left, but retain the
centering of the heading, on the page.
How is this best achieved?

float takes the item of the normal document flow, so it will not
affect margins set on the h1. Thus,

h1 {margin-left: auto; margin-right: auto}

float the image left as before.

Thank you, but that doesn't seem to work.

This will only work if you also "shrink" the width of the header to
something less than 100%. e.g: width: 15em. (you'll have to play to get
an appropriate size). Or alternatively just leave an empty DIV on the
right, of the same width as the logo.

Thank you. That seems to work, degrades gracefully and I can't see any
pitfalls.

There's an example at:

<http://www.pigsonthewi ng.org.uk/club/test.htm>

with the DIV in question given, temporarily, a red background.
--
Andy Mabbett
USA imprisons children without trial, at Guantanamo Bay:
<http://news.bbc.co.uk/1/hi/world/south_asia/2970279.stm>
<http://web.amnesty.org/library/Index/ENGAMR510582003 ?open&of=ENG-USA>

[kchayka]

Leonard Blaisdell wrote:

And now for the tacky solution. Do everything as you have and use a
transparent gif of the appropriate size on the right hand side :-)

Why not just set right margin or padding instead?

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

[Andy Mabbett]

In message <3f********@new s.sihope.com>, kchayka
<kc*********@si hope.com> writes

Why not just set right margin or padding instead?

for example..?
--
Andy Mabbett
USA imprisons children without trial, at Guantanamo Bay:
<http://news.bbc.co.uk/1/hi/world/south_asia/2970279.stm>
<http://web.amnesty.org/library/Index/ENGAMR510582003 ?open&of=ENG-USA>

[kchayka]

Andy Mabbett wrote:

In message <3f********@new s.sihope.com>, kchayka
<kc*********@si hope.com> writes

Why not just set right margin or padding instead?

for example..?

h1 { margin-right: 132px; }

That is the width of the left-floated image plus its margin, no?

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

[Andy Mabbett]

In message <MP************ ************@ne ws.CIS.DFN.DE>, Jacqui or Pete
<po****@spamcop .net> writes

>This will only work if you also "shrink" the width of the header to
>something less than 100%. e.g: width: 15em. (you'll have to play to get
>an appropriate size). Or alternatively just leave an empty DIV on the
>right, of the same width as the logo.

...

There's an example at:

<http://www.pigsonthewi ng.org.uk/club/test.htm>

404 - not found.

Doh! Wrong website:

<http://www.westmidland birdclub.com/club/test.htm>

sorry.
--
Andy Mabbett
USA imprisons children without trial, at Guantanamo Bay:
<http://news.bbc.co.uk/1/hi/world/south_asia/2970279.stm>
<http://web.amnesty.org/library/Index/ENGAMR510582003 ?open&of=ENG-USA>