text appears and images are jumbled

When I veiw my site through IE it appears fine but when viewed in firefox the words and images appear jumble my Url is http://cytekhorseshoeing.com/cytekfarrier.aspx could anyone please help

 

Hi,
Firefox is more strict about how you're using those div's and floats.
What are you using to write the code?
All the best,
Mark

 

website distortion

I am using C# code and my website is jumbled only in firefox. My current code is
<%@ Page language="c#" Codebehind="ManageFarriers.aspx.cs" AutoEventWireup="false" Inherits="Cytek.Manager.ManageFarriers" %>
<%@ Register TagPrefix="master" Namespace="MasterPages.Web" Assembly="Web.MasterPages" %>
<master:MasterTemplate id="master" runat="server" MasterPageFile="~/Master/ManagerMaster.ascx"></master:MasterTemplate>
<master:Content ID="Cmscontent1" ContentPlaceHolderID="mainBlock" Runat="server"><h3 style="font-family: Verdana, Helvetica, sans-serif;font-size:20px;Text-Align:left;margin:10px;">Farrier List</h3>
<div align="left" style="margin:10px;font-family: Verdana, Helvetica, sans-serif;font-size:xx-small;">
<a href="ManageFarrier.aspx">Add New Farrier</a>
</div>

<aspataGrid id="DataGrid1" style="width:98%;margin:10px;" CellPadding="2"
runat="server" AutoGenerateColumns="False" AllowCustomPaging="True" PageSize="50" AllowPaging="True">
<FooterStyle Font-Size="XX-Small" Font-Names="Verdana"></FooterStyle>
<AlternatingItemStyle HorizontalAlign="Left" VerticalAlign="Top" Font-Size="XX-Small" Font-Names="Verdana" BackColor="#EEEEEE"></AlternatingItemStyle>
<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" Font-Size="XX-Small" Font-Names="Verdana" BackColor="#FFFFFF"></ItemStyle>
<HeaderStyle Font-Size="XX-Small" Font-Bold="True" Font-Names="Verdana" BackColor="#eeeeee" ForeColor="#777777"></HeaderStyle>
<Columns>
<asp:BoundColumn Visible="False" DataField="farrierId"></asp:BoundColumn>
<asp:BoundColumn DataField="lastName" HeaderText="Last">
<HeaderStyle Width="150px"></HeaderStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="firstName" HeaderText="First">
<HeaderStyle Width="150px"></HeaderStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="email" HeaderText="Email Address"></asp:BoundColumn>
<asp:TemplateColumn HeaderText="">
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="">
<ItemTemplate>
<asp:LinkButton CommandName="Remove" Runat="server" ID="btnRemove">Remove</asp:LinkButton>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle Font-Size="XX-Small" Font-Names="Verdana"></PagerStyle>
</aspataGrid>
</master:Content>

I was wondering how I could resolve this issue.
Thank you for your time.
-----Anthony

 

Hi,
Now it makes more sense. ;-)
(I see you're doing the styles via a DataGrid.)
The CSS just needs to be fudged a bit, both the DataGrid and List controls allow this.
Try changing the page doctype to strict see what IE does then.
It's a matter of playing with the formatting for the DataGrid and the Doctype.
All the best,
Mark

 

Website distortion

I changed my doc type to strict but had no affect on either IE or firefox does any one have any idea where to start next to begin to fix this problem

 

I've taken a quick look and to be honest it looks more complicated than it needs to be which will never be good when trying to address cross browser compatibility problems. I'd start with a simplification exercise on the markup and CSS.

 

cross browser compatibility problems

I didn't design the website but could you give me some assistance in simplifying to make it appeare properly in Firefox

 

I'm happy to try and help but I'll struggle to workout a solution without your website code. If you want you can zip it up and send it to me. Send me a PM and I'll reply with an email address. If you have any doubt, the DASP support guys on this forum and Mark (wisemx) should be able to put your mind at rest; I won't need any personal account details to help out because I'll just work on this locally. If there are usernames / passwords in the web.config or anywhere else, just remove these before you send the files across. I doubt it will take long to fix once I have the source.

 

...Good stuff mate. ;-)