On 11/8/10 3:48 PM, Roth wrote:
Hello again,
I found the problem!
It was the padding within the a { } statement!
a {
font-size: 12px;
font-weight: bold;
padding: 10px;
color: #948f8b;
text-decoration: none;
}
Good night!
Max
[...]
With TYOP3 I have created a picture gallery. It consists of 5 columns
and 4 rows. In Firefox is shows like following:
__ __ __ __ __
|__| |__| |__| |__| |__|
__ __ __ __ __
|__| |__| |__| |__| |__|
__ __ __ __ __
|__| |__| |__| |__| |__|
__ __ __ __ __
|__| |__| |__| |__| |__|
Unfortunately in IE it shows like this:
__ __ __ __
|__| |__| |__| |__|
__
|__|
__ __ __ __
|__| |__| |__| |__|
__
|__|
______________________________________________________________________
You don't tell us how you are styling those boxes, but I suspect you
are using floats? I just made a tutorial for a fellow student on laying
out an image gallery using "display: inline-block" instead:
http://webwiz.robinshosting.com/temp/fay/
An earlier thread on this list suggests supplementing the "*display:
inline;" with "zoom: 1;" so the IE fix would now be:
.gallery li {
*display: inline;
zoom: 1;
}
HTH.
Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/