473,320 Members | 1,841 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

page looks different in IE and Firefox

Hi,
I have a page that looks crooked in Firefox but displays normally in
IE.
http://www.legalpersian.com
The page was designed using Visual Web Developer 2005 (part of MS Vsual
Studio 2005 Express).

<form id="form1" runat="server">
<div id="container">

.... banner and logo stuff

<div id="container1">
<table id="layout_table">
<tr>
<td id="right_column" width="500"
height="300" valign="middle">
<div id="sub_container2">
<div id="slogan">&nbsp; </div>
<asp:LinkButton ID="eng"
runat="server" Style="z-index: 100; left: 190px; position: absolute;
top: 73px; height:40px; width:100px;" CssClass="choiceEng"
BackColor="#D3B493" BorderColor="#C9A17D" BorderStyle="Outset"
BorderWidth="4px" PostBackUrl="en/home.aspx" Height="68px"
Width="128px">English</asp:LinkButton>
<asp:LinkButton ID="fa"
runat="server" style="z-index: 100; left: 487px; position: absolute;
top: 73px; height:40px; width:100px;" CssClass="choiceFa"
BackColor="#C9A17D" BorderColor="#D3B493" BorderStyle="Outset"
BorderWidth="4px" PostBackUrl="fa/home.aspx"
>فارسی</asp:LinkButton>
<br />
</div>
</td>
</tr>
</table>
</div>
</div>
</form>

Please let me know if more info is required.

Sep 12 '06 #1
3 2818

as*******@hotmail.com wrote:
Hi,
I have a page that looks crooked in Firefox but displays normally in
IE.
http://www.legalpersian.com
The page was designed using Visual Web Developer 2005 (part of MS Vsual
Studio 2005 Express).

<form id="form1" runat="server">
<div id="container">

... banner and logo stuff

<div id="container1">
<table id="layout_table">
<tr>
<td id="right_column" width="500"
height="300" valign="middle">
<div id="sub_container2">
<div id="slogan">&nbsp; </div>
<asp:LinkButton ID="eng"
runat="server" Style="z-index: 100; left: 190px; position: absolute;
top: 73px; height:40px; width:100px;" CssClass="choiceEng"
BackColor="#D3B493" BorderColor="#C9A17D" BorderStyle="Outset"
BorderWidth="4px" PostBackUrl="en/home.aspx" Height="68px"
Width="128px">English</asp:LinkButton>
<asp:LinkButton ID="fa"
runat="server" style="z-index: 100; left: 487px; position: absolute;
top: 73px; height:40px; width:100px;" CssClass="choiceFa"
BackColor="#C9A17D" BorderColor="#D3B493" BorderStyle="Outset"
BorderWidth="4px" PostBackUrl="fa/home.aspx"
فارسی</asp:LinkButton>
<br />
</div>
</td>
</tr>
</table>
</div>
</div>
</form>

Please let me know if more info is required.
I think the problem is with absolute positioning of the
images(buttons). Once I changed them to relative, they started to
behave.
Is this something known that absolute positiong within a div acts
diferently in IE and Firefox?
Can someone recommend a good book or article that describes css tags in
detail?

Sep 12 '06 #2

as*******@hotmail.com wrote:
I think the problem is with absolute positioning of the
images(buttons).
Probably. Absolute postioning is a known problem with IE.
Can someone recommend a good book or article that describes css tags in
detail?
CSS doesn't have "tags" and for that matter HTML doesn't have elements
from an asp namespace either. If you want to ever really _understand_
this stuff, then you have to get it clear in your mind just which bits
of technologies you're using at each step. As an example,. the code
you posted wasn't a "web page", it was source code to ASP. The
_results_ of this code are what forms the HTML web page -- debuging
subtle CSS problems would require you rto look at that output, not the
input.

As to books, then Lie & Bos' "Cascading Stylesheets" is one of the best
as both a tutorial an on-going reference and the O'Reilly "Head First
HTML & CSS" is a pretty good tutorial to both HTML and CSS.

For hunting down CSS problems with IE, then the first rules are to
write valid code (both HTML and CSS), to demonstrate it and get it
working with a reasonably compliant browser (not IE), then to worry
about IE. Read websites like alistapart and positioniseverything for
some of the better known-problem lists.

Sep 12 '06 #3

Andy Dingley wrote:
as*******@hotmail.com wrote:
I think the problem is with absolute positioning of the
images(buttons).

Probably. Absolute postioning is a known problem with IE.
Can someone recommend a good book or article that describes css tags in
detail?

CSS doesn't have "tags" and for that matter HTML doesn't have elements
from an asp namespace either. If you want to ever really _understand_
this stuff, then you have to get it clear in your mind just which bits
of technologies you're using at each step. As an example,. the code
you posted wasn't a "web page", it was source code to ASP. The
_results_ of this code are what forms the HTML web page -- debuging
subtle CSS problems would require you rto look at that output, not the
input.

As to books, then Lie & Bos' "Cascading Stylesheets" is one of the best
as both a tutorial an on-going reference and the O'Reilly "Head First
HTML & CSS" is a pretty good tutorial to both HTML and CSS.

For hunting down CSS problems with IE, then the first rules are to
write valid code (both HTML and CSS), to demonstrate it and get it
working with a reasonably compliant browser (not IE), then to worry
about IE. Read websites like alistapart and positioniseverything for
some of the better known-problem lists.
Thanks for the reply Andy. I am just learning the ropes with CSS.

The web site in question is in two languages, one in English and the
other in Farsi
(Persian) which is a right-to-left language. So, I used two
stylesheets, with the same info, and changed the right and left
properties (i.e. the left-margin:20px in English version changed to
right-margin:20px in farsi version).
It works fine in IE in both languages. In Mozilla, the English version
works fine but the Farsi version looks crooked. the menu and everything
else is shifted to the left. I spent a couple of days trying to figure
out what is wrong and I can't (being new to CSS). I would GREATLY
appreciate any assistance.
I am not sure if this is appropriate or if it helps but here is the
structure of the pages using CSS (the indentations imply <div
id="header" is contained within <div id="container", ...):

English pages:

Container 800px, relative
Header (relative, 800x226)
Logo (absolute, 150x100, top:82, left:550)
key_visual (absolute, 437x127, top:82, left:86)

container1 (800px)
left_column
left_column_container (padding:0; margin:0)
main_nav_container (margin: 30px 0 0 0)
<Flash menu>
main_container (padding:0 20px 0 60px), relative
layout_table (relative)
right_column (500x475)
<aps_content_placeholder>
sub_container2 (padding:18 0 20
5px), 495
slogan (margin: 0 0
10px 0)
content_container
(490px)

footer (800x120, margin:0, padding:0)
footer_line (margin:0 0 0 195) 500x40
footer_text (margin:10 0 0 25)

Farsi version:

container (800px, relative)
header (relative, 800x226)
logo (absolute, 437x127, top:82, left:86)
key_visual (absolute, 437x127, top:82, left:263)

container1 (800px)
main_container (padding:0 60px 0 20px)
layout_table (relative)
right_column (500x475)
<aps_content_placeholder>
sub_container2 (495px,
padding:18 0 20 5)
slogan (padding: 0 0 10
0)
content_container
(490px)

left_column
left_column_container
main_nav_container (margin: 30
12 0 0)
<menu>
Footer (800x120)
footer_line (margin:0 195 0 0) 500x40
footer_text (margin: 10 25 0 0)

The pages:
http://www.legalpersian.com/en/home.aspx (in English)
http://www.legalpersian.com/fa/home.aspx (in Farsi)

Sep 13 '06 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: typingcat | last post by:
First, thank you for my previous post. But I'm afraid that I've returned with a more picky question. http://cat3.dotnet29.hostbasket.com/korean/ This page looks as I intended on Microsoft...
10
by: Pete | last post by:
I have the following code: <built-in method close of file object at 0xb7cc76e0> The file "temp.html" is created, but it doesn't look like the page at www.python.org. I'm guessing there are...
4
by: evgenyg | last post by:
Hello ! We have the following situation - when Ajax request is sent what's being returned by the server is usually an XML (which is used for DOM updates) but sometimes it's HTML which is a whole...
102
by: BoogieWithStu22 | last post by:
I am running into a problem with a web page I have created when viewing it in IE6 on some machines. The page has a database lookup. The user enters an account name or number and clicks a lookup...
5
by: cjl | last post by:
Hi. I am trying to screen scrape some stock data from yahoo, so I am trying to use urllib2 to retrieve the html and beautiful soup for the parsing. Maybe (most likely) I am doing something...
2
by: johnny15 | last post by:
My website www.windsoraccess.co.uk looks different in IE to Firefox at the very top where my logo and wording is. In IE the gap surrounding the logo and wording is much less and looks absolutely...
9
by: =?Utf-8?B?Sm9obiBCYWlsZXk=?= | last post by:
I have a ASP .Net page that allows moving around items on the page through javascript. This page works fine in IE. In FireFox however, I have found that if the page is using XHTML 1.0...
4
by: JJA | last post by:
Previously, anything IE did not like threw some sort of error like "object expected", etc. Now all I get is "Done" on the status bar... I am suddenly having trouble with Internet Explorer. Both...
7
by: amishguy | last post by:
Hello, I am having an issue with a site I'm creating right now. I have had this issue before and I would like to figure out what the solution is instead of using workarounds as I have in the...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, youll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shllpp 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.