/    Sign up×
Community /Pin to ProfileBookmark

IE 7 Issues please help!

Copy linkTweet thisAlerts:
Dec 06.2007

My web page was working fine until yesterday and I was using IE6. Last night I upgraded to IE7 and now I have many issues.

In IE6, table was showing fine (about 10 rows).

In IE7, table shows just one row.

What went wrong? Thanks.

to post a comment
HTML

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@TheRaveDec 06.2007 — Not sure what the problem is.

It could help if you posted your code and/or a link to your site.

The more information you provide the easier it is for us to help you.
Copy linkTweet thisAlerts:
@codingisfunauthorDec 06.2007 — It works fine in IE6. Could someone please help me to get it to work on FireFox and IE7? I appreciate it. Thanks.

Code attached.

[upl-file uuid=9e489545-1985-49ce-bf23-ba2f0ef2714b size=19kB]po.txt[/upl-file]
Copy linkTweet thisAlerts:
@FangDec 06.2007 — This is why hacks are bad, use conditional comments for IE

http://www.positioniseverything.net/articles/ie7-dehacker.html
html>body tbody.scrollContent {
display: block;
[COLOR="Red"]height: 262px;[/COLOR]
overflow: auto;
width: 100%
}
Copy linkTweet thisAlerts:
@codingisfunauthorDec 06.2007 — Fang - you're genius. Thank you.

In FireFox, table is somewhat messed up. How can I fix that?

Also, if I have fewer records, onmouseover display other tables rather quickly. If I have about 100 records, tables load slowly. Any suggestions? Thanks.
Copy linkTweet thisAlerts:
@FangDec 06.2007 — How is the table messed up?

Try using colgroup to specify the column widths and remove all classes in th and td

Remove form elements, not necessary

header, h3 element, doesn't need to be wrapped in a table

Also check your css:.td4 {width: 50px; [COLOR="Red"]align=right;[/COLOR] font-size:90%;}
.td5 {width: 30px; [COLOR="Red"]align=right;[/COLOR] font-size:90%;}
Copy linkTweet thisAlerts:
@codingisfunauthorDec 08.2007 — I used Colgroup instead and now FireFox tables messed up. IE4 and IE5 works ok.

Also, the scrollbar shows up on FF, IE4 and NOT in IE5.

Why IE5 is picky?

Thanks.
Copy linkTweet thisAlerts:
@FangDec 08.2007 — What is your code now?
Copy linkTweet thisAlerts:
@codingisfunauthorDec 08.2007 — Fang, thank you. You have been of great help so far. This is a tough project and learned hard way but it's worth. I would be adding more functionality to it such AJAX to update QTY field, graph to display history, saving report in PDF format, emailing PO, Printing PO, Open to Buy, Turnover, etc.

I have encountered some minor issues:

1) IE7 does not shows vertical bar in the first table (IE6 and FF shows).

2) Colgroup does not work in FF (works in IE6, IE7).

3) Scrolling through a small table is faster, large table slows down from row to row??? (could be extracting data from hidden elements). Any alternate approach to speed up this process?

[upl-file uuid=778ce142-453f-4008-92f8-0fd1a9c80428 size=68kB]po.txt[/upl-file]
Copy linkTweet thisAlerts:
@FangDec 09.2007 — 1) I'm not seeing this

2) Incorrect use of [I]colgroup[/I], but as Fx support is minimal, try:<table id="table3">
<tbody>
<tr>
<td width="30"> </td>
<td> </td>
<td width="5"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
and#table3 td {width:40px; text-align:right; font-size:75%;}
Also The table in Fx will collapse unless the [I]fieldset[/I] is given a [I]width[/I] rather than [I]display:inline;[/I]

3) Is it not possible to process the data server side rather than processing every time a mouseover event occurs? Or even processing in the background and placing that data into an array.
×

Success!

Help @codingisfun spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...