what on earth is IE7 doing? 1

[1DMF]

Hello,

I don't know what has happened, but suddenly I.E. is displaying my page with a bottom scroll bar, I am in 1024 x 768 and the page is designed for 800 so why is IE showing this weird page width.

What's really weird is the margin:0 auto; still lines the page up correctly on the screen, not within the weird page width.

FF doesn't show it, and it wasn't there 5 minutes ago, what have I done that I just can't see.

http://dev.bf4i.co.uk/portugal.html

thanks,
1DMF.

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[adamroof]

can you post your css for the wrapper, pagehead, menu, pagebody, and pagefooter

<div id="wrapper" >
<div id="pagehead" >


has extra space and end, dont think much about it, but you never know with IE.

so far, the html renders ok

 

[monksnake]

I don't have IE7, my computer here at work can't handle such a HUGE HUGE program.

[small]"I see pretty girls everywhere I look, everywhere I look, everywhere I look. - Band song on movie "The Ringer"[/small]
<.

 

[1DMF]

here is that CSS , you can view all the CSS via the head, its got the link.

/********** Page content wrapper *************/
#wrapper {
    width:800px;
    margin:2px auto;    
}

img {border:0;}

/********* Page header *****************/
#pagehead {
    height:50px;
    margin:2px;
  
}

/********** Page Footer **************/

#pagefooter {
    clear:both;
}    

#pagefooter p { 
    text-align:center;
}

#pagefooter h5 {
    font-size:1.0em;
    font-weight:bold;
    color: #EA7003;  
    background: url(images/line_bg_left-775.gif) no-repeat top left;
    height:16px;
    padding-left:30px;
    margin-bottom:3px;
    line-height:17px;
}

#pagefooter img {
    height:40px;
    width:300px;
    margin-left:10px;
    margin-right:10px;    
    margin-top:10px;   
}

#foot_img {
    width:655px;
    margin: 0 auto;
}

I can't understand why this has happend, it was fine!

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[1DMF]

P.S. , I seem to be havng the same problem with another site i'm working on, again the page width has suddenly grown only in I.E. making it have a bottom scroll bar, but no content.

url :

http://www.stepnstomp.co.uk/new/

this is very odd. FF displays things fine.

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[Foamcow]

try putting borders on everything and see if you can identify which element is causing the push.

add

* { border:1px solid #f00; }

to the top of your stylesheet.

My guess is that something you have applied a left margin to in order to move it across into position is being dealt with differently by IE.


<honk>*:O)</honk>

Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire

 

[1DMF]

hey Foamy,

Well i've tried your suggestions and i'm even more confused, there is nothing with a border round it going into the extra white space.

i've left the CSS border on, could you have another look and tell me if you can spot the culprit because i'm at a complete loss to why this is happening.

Thanks,

1DMF

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[ca8msm]

Seems fine in IE7 to me?


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[1DMF]

it is now! , I just found the culprit via this googled site

http://www.sitepoint.com/forums/showthread.php?t=459324

the piece of CSS causing it is this....

.TOP a {
    float:right;
    text-decoration:none;
    color:#EA7003;
    /*font-style:italic;*/
    font-weight:bold;
    font-size:70%;
}

I've commented out the italic and it fixed the problem , so it is definately this italic IE bug problem!

well at least i found the problem all I gotta do is fix it and I can get back to grind stone, the site is meant to be live in a week - lol no chance!

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[1DMF]

yup, that was the problem, the fix was to add

    width:1%;

does anyone know why IE behaves like this with italic, very odd behaviour indeed!

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.