looks fine in IE but off the page in Firefox

[buria]

My main text body fits into the content container in IE but in Firefox shifts far over to the right.

Any ideas how to fix this?

thanks

http://deborahbrakeley.com/couns-mai.html

[Mausau2000]

I don't see problem in firefox...
Looks same like ie...

[kiwibrit]

I don't see problem in firefox...
Looks same like ie...

Not here. Content is way to the right in FF 1.5.0.3

The layout is achieved by a mixture of tables and CSS. Bit tricky to wade through. the div class has a width of 100%, but the table width is specified in px, as is padding. Some margins are specified in px, some in em. Might be worth using scalable units for width, padding, and margins, and playing around with that till it works in both FF and IE. It's OK in Opera, BTW.

[WebJoel]

My main text body fits into the content container in IE but in Firefox shifts far over to the right.Any ideas how to fix this?
thanks


I would seriously get rid of the TABLE and the IFIE6 stuff. Look at this:
<div class="header-top">
<table style="width: 735px; height: 100px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 735px; height: 110px;" valign="top">
<img style="width: 735px; height: 100%;" alt="Counselling" src="counselling_main.jpg"></td>
</td>
</tr>
</tbody>
</table>

</div>
All of this code, -just to show the img in bold...? You could just go:

<div style="740px; margin:35px auto 0 auto;"><img src="counselling_main.jpg" alt="Counselling" style="width: 735px; height: 100%;" ></div>

and have said/done exactly the same thing. :)
There is a much better way. And yes, -I see in Fx what you're talking about. I'd bet it does that in NS, Mozilla, Opera and others too.

Let me play around with this... I might be able to sort it all out. :)
(bak)
Whew... :) I see a few problems.
You have an image border that is "zero" pixels thick, solid, and NO color? "border:0" says the same thing. -Gets the same result (and is valid).
Here is what you've got:

"<img style="border: 0px solid ; width: 8px; height: 8px; padding-left: 85px;" alt="" src="arrow.gif"> </a>"

[drhowarddrfine]

IE is definitely the problem and your doctype is incomplete.

[WebJoel]

(standing back for a few minutes...) :)