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
On Mon, 2010-11-08 at 15:23 -0800, Claude Needham wrote:
> On Mon, Nov 8, 2010 at 1:44 PM, Roth <x...@roth.biz> wrote:
> > Hello everybody,
> >
> > since several days I am dealing with a problem I have with IE.
> >
> > 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:
> >
> > __ __ __ __
> > |__| |__| |__| |__|
> > __
> > |__|
> > __ __ __ __
> > |__| |__| |__| |__|
> > __
> > |__|
> > __ __ __ __
> > |__| |__| |__| |__|
> > __
> > |__|
> > __ __ __ __
> > |__| |__| |__| |__|
> > __
> > |__|
> >
> >
> > I have tried with overflow: hidden but couldn't come to a solution.
> >
> > Here my CSS file:
> >
> > div#content {
> > width: 920px;
> > height: 600px;
> > clear: both;
> > clear: both;
> > }
> >
> > div#content_normal {
> > width: 920px;
> > }
> >
> > div#content_right {
> > width:920px;
> > height: 450px;
> > position: absolute;
> > top: 220px;
> > margin: 0;
> > padding: 0;
> > }
> >
> > div#content_border {
> > width: 920px;
> > position: relative;
> > top: 10px;
> > }
> >
> > The picture gallery is displayed in the #content_right area.
> >
> > Here my html-template:
> >
> > <div class="wrapper">
> > <div id="logo">
> > ###LOGO###
> > </div>
> > <div id="navigation">
> > ###MENU_LEFT###
> > <div id="nav_right">
> > ###MENU_RIGHT###
> > </div>
> > </div>
> > <div id="content">
> > <div class="clear">
> >
> > </div>
> > ###IMAGE_TOP###
> > <div id="content_normal">
> > ###CONTENT_NORMAL###
> > </div>
> > <div id="content_right">
> > ###CONTENT_RIGHT###
> > </div>
> > <div id="content_border">
> > ###CONTENT_BORDER###
> > </div>
> > <div class="clear">
> >
> > </div>
> > </div>
> > </div>
> >
> > Any help is very appreciated!
> >
> > Kind regards
> >
> > Max
> > ______________________________________________________________________
>
> I suspect a margin issue.
> Try lowering the margins in IE and see if suddenly the break goes away.
> If that works then you can use one of several methods to input a
> conditional style that sets a different margin for IE
>
> There are others that can best tell you how to accomplish that.
>
> Regards,
> Claude
______________________________________________________________________
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/
