[thelist] CSS in I.E6

Kazzablanka kazza at pandora.be
Thu Jan 9 11:44:01 CST 2003


Your comment system interprets my code (dangerous for you)

Here's a solution for you. not very gentle, but seems to work in all
browsers now...
In your html file, place the link in another div, all in 1 line (!)
<div id="header"><img src="b2-img/lilies1smallest.jpg" width="391"
height="253" /><div id="headerlink"><a href=""
title="ocelot">ocelot</a></div></div>

now for your css, REMOVE this:
in your #header {
 line-height: 11px;
}
It isn't necessary

then ADD this
#headerlink {
position: absolute;
top: 231px;
}

This positions your link (ocelot) correctly. note that no 'left' statement
is defined. This will cause the link div to display nicely next to the
image.
It uses absolute positioning, not a very 'fluid' way of working, but it does
the trick. If you want to be gentle to crossbrowser use a class instead of
an id for headerlink

Kazzablanka
----- Original Message -----
From: "Kazzablanka" <kazza at pandora.be>
To: <thelist at lists.evolt.org>
Sent: Thursday, January 09, 2003 6:21 PM
Subject: Re: [thelist] CSS in I.E6


> Your #header contains a link ocelot.
> If you hover over it it gets a grayish background.
> That link is causing the offset. If you remove the link all gets perfectly
> aligned.
>
> I'll keep you posted on your website (hope the comment thingy works) on
this
> issue
>
> Kazzablanka
>
>
> ----- Original Message -----
> From: "Christopher Joseph" <christopher at ideadesigners.com>
> To: <thelist at lists.evolt.org>
> Sent: Thursday, January 09, 2003 5:16 PM
> Subject: Re: [thelist] CSS in I.E6
>
>
> > Kazzablanka wrote:
> > > I see that your lillie picture is placed within a div.
> > > Get the whole div statement on 1 line. ie
> > > <div id="header"><img src="b2-img/lilies1smallest.jpg" width="391"
> > > height="253" /><a href="" title="ocelot">ocelot</a></div>
> > >
> >
> > Nice idea but it unfortunately didn't work for me. Perhaps the odd
> > couple of pixels showing in IE is something to do with the way that IE
> > is handling the font in the 'a' tag. Can anyone tell me if other
> > browsers also show a couple of pixels etra under the lillie image?
> >
> > href= http://www.ideadesigners.com/id_co_uk/cjoseph/
> >
> > ...in Moz 1.3a it is fine - perhaps Moz is in error and my CSS is
foobar.
> >
> > --
> > Christopher Joseph
> >
> > -------------------
> > http://www.ideadesigners.com  [iseries & web technologies]
> > mailto: christopher at ideadesigners.com
> > mobile:    +44 7966 003860
> > Office:    +44 1296 620790
> > facsimile: +44 1296 620789
> > ICQ: 78019724
> >
> >
> > --
> > * * Please support the community that supports you.  * *
> > http://evolt.org/help_support_evolt/
> >
> > For unsubscribe and other options, including the Tip Harvester
> > and archives of thelist go to: http://lists.evolt.org
> > Workers of the Web, evolt !
> >
> >
>
>
> --
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>
>





More information about the thelist mailing list