pecan wrote:
Quote:
pecan wrote:
Quote:
>dorayme wrote:
Quote:
>>In article <gbfp3f$6s1$1@registered.motzarella.org>,
>> pecan <pecan@NOSPAMrouxville.infowrote:
>>>
>>>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.positioniseverything.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 
