PDA

Click to See Complete Forum and Search --> : IE7 issue

Christophe27
05-04-2010, 02:41 PM
Ok, I give up :(

Can somebody tell me why IE7 cannot position my footer and my searchbox properly (or perhaps it is my fault ...) It does work in IE8, FireFox, Chrome, and Safari :confused:

http://www.tropedia.org/forums/viewtopic.php?f=9&t=1756

I hope somebody is so kind to help me :)

Christophe
onlinetraining
05-05-2010, 10:57 AM
You have an inner table in your markup with a cellpadding of 10 pixels. Try setting the padding to 0 and see how IE7 responds.
Christophe27
05-06-2010, 04:17 PM
Hi,

Thx for your response.

The search box is already taking care of. Here is an image (attached file) of what is going wrong. The horizontal line you see in the middle has to be in the footer of the page.



See the attached file and the New forum address (http://palmvrienden.net/forums/)

Can somebody help me? Only in IE7?

Thank you :)

Christophe
Christophe27
05-11-2010, 05:19 AM
You have an inner table in your markup with a cellpadding of 10 pixels. Try setting the padding to 0 and see how IE7 responds.

Hi,

It doesn't do anything different ...

Preview of IE7 issue (http://www.webdeveloper.com/forum/attachment.php?attachmentid=13641&d=1273180564)

Also the problem of the positioning of the footer is only when there are pictures on the particular page, or if it is a very long page. Odd, isn't it?

The HTML of the page is something like this:

<body>
<div id="header">
</div>
<div id="page-content">
</div>
<div id="footer">
</div>
</body>

The CSS of the footer =

position: relative;
color: #18471D;
height: 70px;
background: url('mydomainname/forums/styles/Palmvrienden/theme/images/footer.png') no-repeat top;
margin: 0px auto;
width: 1100px;


Does anybody has any suggestions? The issue is only visible in IE7 :(

Many thanks for them who likes to help out!

Christophe
Christophe27
05-11-2010, 10:34 AM
I think I solved it by creating an extra div between the div-page-body and the div-footer, and setting the same background as the div-page-body and a small height in CSS :)

Christophe