Layout problem with chrome, safari, ...

[Stevo]

Does anybody knows why I can't see the full index page of the gallery.
I have no problems in firefox but some problems in chrome, safari.
Don't know what IE is bringing.

http://www.stevo.be/gallery

this is extra css I also use for my cms

Code Select Expand

html {
       background: #07558E;
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
padding: 0px;
color: #000;
}

.container_holder {
padding: 20px;
width: 950px;
}

.container {
width: 950px;
height: 99%;
margin: 0px auto;
        background:#07558E url('uploads/images/event-body.png') repeat-y;
overflow: hidden;
}

#container_bg {
        width: 950px;
        margin: 0px;
padding: 0px;
}

#container_holder {
margin-top: 20px;
}


#header {
        width: 950px;
        background:#07558E url('uploads/images/event-top.png') no-repeat;
        height: 200px;
}

#content {
        width: 850px;
min-height: 300px;
        font-size: 12px;
        font-family: Verdana, Arial, Comic Sans MS, sans-serif;
  height: 99%;
        margin: 10px 40px 20px 50px;
        overflow: hidden;
}

#content a {
        text-decoration: none;
        color: #07558E;
}

#content a:visited {
        text-decoration: none;
        color: #07558E;
}

#content a:active {
        text-decoration: none;
        color: #07558E;
}

#content a:hover {
        text-decoration: underline;
        color: #07558E;
}

#footer_holder {
      background:#07558E url('uploads/images/event-bottom.png') no-repeat;
      width: 950px;
      height: 80px;
      margin: auto;
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      color: #FFF;
}

#footer_copyright {
        margin: 30px;
        width: 40%;
        float: left;
}

#footer_links {
        margin: 30px;
        width: 40%;
        text-align: right;
        float: right;

}


#search {
        width: 250px;
        font-size: 12px;
        font-family: Verdana, Arial, Comic Sans MS, sans-serif;
position: relative;
margin-right: 40px;
margin-top: -100px;
        float: right;
}
.links a {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #FFF;
}

.links a:visited {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #FFF;
}

.links a:active {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #FFF;
}

.links a:hover {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: underline;
      color: #FFF;
}

[Jeff Bailey]

Take this out

Code Select Expand

.container {
height: 99%;
}

and take this out

Code Select Expand

#content {
height: 99%;
}

[Stevo]

thx mate.
You solved my problem.

[Stevo]

I have another layout question.

What do I have to do in IE, to see gallery in de middle

http://www.stevo.be/gallery/

[Jeff Bailey]

No problem. Thank you for resolving your thread.

We have a strict one question per thread rule. Please start another thread.
locking.