Erik Gyepes wrote:
>
> As we all know IE is very very buggy browser, just look to this page:
> http://www.pripisa.sk/stranka/ubytovanie/ in FF, then in IE?
> How to solve this unlikely mess?
>
Hi Erik,
As you can see, IE6 is 'helping'(!!) you by making sure that it expands
the container and causing the problem that you're experiencing!! :)
Here is *one* answer (although I must admit, I'm not a big fan of it as
it seems a bit 'hack-y'):
1. Add an extra <span> around the text within the link, eg.
<a href="[LINK]" title="[TITLE]" class="ubyt"><img alt="Penzión Zelený
dom - Rajecké Teplice" src="[IMG]" border="2"><span>Penzión Zelený dom -
Rajecké Teplice</span></a>
(by the way, you need to get rid of the border attribute - set it in
your stylesheet! :)
2. Add the following to your stylesheet:
.top-vyrobok a {
position:relative;
}
.top-vyrobok a span {
position:absolute;
top:110px;
left:0;
width:100%;
}
Just tested it in IE6, FF1.5.0.3, Safari2.0.3, Opera8.54, Mac
Opera9.00(b3216) and all looks OK.
I HATE adding extra markup though, so if someone has a better solution,
I'd love to hear it!!
cheers,
Stuart
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
