Css help

[pecan]

I'm back!

I can't find a css group, or I'd ask this there, so maybe someone here
can help me?

Here's the url: http://www.africanbush.co.za/New/index.html

Here's the problem:
The logo on the left hand side is in the right place in FF, but in IE6
it moves over to the middle of the page instead of the middle of the
div. I've Googled for a solution, but haven't found one yet.
Everything validates.

Catherine

[dorayme]

Re: Css help

In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
pecan <pecan@NOSPAMro uxville.infowro te:

I'm back!
>
I can't find a css group, or I'd ask this there, so maybe someone here
can help me?
>
Here's the url: http://www.africanbush.co.za/New/index.html
>
Here's the problem:
The logo on the left hand side is in the right place in FF, but in IE6
it moves over to the middle of the page instead of the middle of the
div. I've Googled for a solution, but haven't found one yet.
Everything validates.
>
Catherine

No time to check myself your code but look at

<http://www.positionise verything.net/explorer/doubled-margin.html>

--
dorayme

[pecan]

Re: Css help

dorayme wrote:

In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
pecan <pecan@NOSPAMro uxville.infowro te:
>

>I'm back!
>>
>I can't find a css group, or I'd ask this there, so maybe someone here
>can help me?
>>
>Here's the url: http://www.africanbush.co.za/New/index.html
>>
>Here's the problem:
>The logo on the left hand side is in the right place in FF, but in IE6
>it moves over to the middle of the page instead of the middle of the
>div. I've Googled for a solution, but haven't found one yet.
>Everything validates.
>>
>Catherine

>
No time to check myself your code but look at
>
<http://www.positionise verything.net/explorer/doubled-margin.html>
>

I only have margin: auto or margin; 0 in the page, except for one or two
bottom margins.

Thanks for the link - it's very similar to one I saw earlier today, but
far more concise. And easier to read.

Catherine

[pecan]

Re: Css help

pecan wrote:

dorayme wrote:

>In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
> pecan <pecan@NOSPAMro uxville.infowro te:
>>

>>I'm back!
>>>
>>I can't find a css group, or I'd ask this there, so maybe someone
>>here can help me?
>>>
>>Here's the url: http://www.africanbush.co.za/New/index.html
>>>
>>Here's the problem:
>>The logo on the left hand side is in the right place in FF, but in
>>IE6 it moves over to the middle of the page instead of the middle of
>>the div. I've Googled for a solution, but haven't found one yet.
>>Everything validates.
>>>
>>Catherine

>>
>No time to check myself your code but look at
><http://www.positionise verything.net/explorer/doubled-margin.html>
>>

>
I only have margin: auto or margin; 0 in the page, except for one or two
bottom margins.
>
Thanks for the link - it's very similar to one I saw earlier today, but
far more concise. And easier to read.
>
Catherine

Okay, I solved the problem.
Dorayme gave me an idea, and I checked and the width of the floating div
was set to auto - when I gave it a fixed width it went back to normal.

Catherine

[Jonathan N. Little]

Re: Css help

pecan wrote:

pecan wrote:

>dorayme wrote:

>>In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
>> pecan <pecan@NOSPAMro uxville.infowro te:
>>>
>>>I'm back!
>>>>
>>>I can't find a css group, or I'd ask this there, so maybe someone
>>>here can help me?
>>>>
>>>Here's the url: http://www.africanbush.co.za/New/index.html
>>>>
>>>Here's the problem:
>>>The logo on the left hand side is in the right place in FF, but in
>>>IE6 it moves over to the middle of the page instead of the middle of
>>>the div. I've Googled for a solution, but haven't found one yet.
>>>Everything validates.
>>>>
>>>Catherine
>>>
>>No time to check myself your code but look at
>><http://www.positionise verything.net/explorer/doubled-margin.html>
>>>

>>
>I only have margin: auto or margin; 0 in the page, except for one or
>two bottom margins.
>>
>Thanks for the link - it's very similar to one I saw earlier today,
>but far more concise. And easier to read.
>>
>Catherine

>
Okay, I solved the problem.
Dorayme gave me an idea, and I checked and the width of the floating div
was set to auto - when I gave it a fixed width it went back to normal.
>

I would also say that your empty-dimensioned-with-background-image
method of building your logo elements is overly complicating your problem.

Background images are decor. The eagle is decoration, but I would argue
that "Zilwerwind Tours" and "Welcome" are content and therefore should
be images and thus content

img#logo, img#welcome { display: block; margin: auto; }

....
<img id="logo" src="zilogo360. gif" width="360" height="198"
alt="Zilwerwind Tours">
....
<img id="welcome" src="welogo.gif " width="148" height="175" alt="Welcome">
....


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

http://www.LittleWorksStudio.com

[Harlan Messinger]

Re: Css help

pecan wrote:

I'm back!
>
I can't find a css group, or I'd ask this there, so maybe someone here
can help me?

comp.infosystem s.www.authoring.stylesheets

[pecan]

Re: Css help

Harlan Messinger wrote:

pecan wrote:

>I'm back!
>>
>I can't find a css group, or I'd ask this there, so maybe someone here
>can help me?

>
comp.infosystem s.www.authoring.stylesheets

Thank you. Now subscribed.