Sent by 4css aka deb on 9 September 2006 21:09
Hi Roger,
First thanks to you and to Philippe for the help, its appreciated more then you know. (and any
reading material/links to help would also be greatly appreciated)
Ok removed the width as specified. I see now how I missed that, I did not apparently understand the
sub level statement. (tired have been trying to figure this out for over a day now)
And I fixed the space, I must have had a space elsewhere in there also as I fixed something in
there. Unless it didn't save correctly on me.
Now I have the problem of a giant header in IE6 in comparison to FF. There is a bit over a 100 pixel
difference and I am not sure what is causing this.. I tried to fix it by removing the paragraph from
the left div into the main header div, but that did not work out either. It kept going up between
the two divs even with the clear left on it.
Any further help would be so greatly appreciated.
Deb
----- Original Message -----
From: Roger Roelofs
To: 4css aka deb
Cc: CSS-D
Sent: Saturday, September 09, 2006 2:16 PM
Subject: Re: [css-d] Mac assistance please?
Deb,
On Sep 9, 2006, at 10:21 AM, 4css aka deb wrote:
> Ok, I loaded up the new style sheet work. One thing I didn't do was
> add the clearing to the paragraph. Since I have the clearfix, it
> should not be needed. That containing div has the clearfix within it
> so it should be able to work without an additional clearing on the
> paragraph. (IMO that is)
> ----- Original Message -----
> From: Philippe Wittenbergh
> To: CSS-D
> Sent: Saturday, September 09, 2006 2:37 AM
> Subject: Re: [css-d] Mac assistance please?
>
>
>
> On Sep 9, 2006, at 7:24 AM, 4css aka deb wrote:
>
>> http://debsplace.org/artist/demo3b.html
>> I'm working on this site and it appears to be working on the pc
>> version browsers fine. However, the owner has a mac, and on his
>> browsers the pages aren't showing up too good.
>
> On Mac IE 5, you do have some problems indeed.
>
> 1/ your 'clear fix hack' is not correctly working
> * the 'hide form IE filter is wrong, you have a space after the
> backslash. it shouldn't be there.
> .clearfix {display: inline-block;}
> /* \*/
> * html .clearfix {height: 1%;display: block;}
> /* */
> * I prefer the use of inline-block to inline-table. More stable
>
> 2/ you actually over-constrain you layout, by setting width on non
> floated elements
> like on div#leftcolumnartist and sub-elements. remove that.
>
> 3/ p.tagline needs a clear:left to display correctly under the image
You missed some of Phillipe's instructions. Point 1, change this line
/* \ */
to
/* \*/
When using browser hacks like this, you have to follow the recipe
exactly, every character counts, including spaces. That alone will fix
80% of your problems.
You also missed a bit from point 2. Remove the width from
div#leftcolumnartist ul and everything else should snap into place.
--
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.2/442 - Release Date: 9/8/2006
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
