Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.
Issue with my websites on your brower.
When it comes to the websites I built, they look the way that are supposed to but in firefox in looks screwed up and that makes me look bad. What can be done to fix this issue?
All Replies (13)
Do you have an example of a site and how it should look that we can look into further here?
Sure I'll post them here. These screenshots are from Edge, this his how the website should look.
on Firefox, the sites look screwed up.
I dont know? The site seems to look good on my V89 and functional too. See attached pic?
Can you send us a pic of what it looks like in FF on your end?
That image you screenshot is what I see in Firefox, what I sent you already (that's in Edge) is what is supposed to look like.
oh i see. the difference is probably due to some css framework or css table. I'm not into CSS-ing but use to be in html-ing years ago. However, this issue has been brought up in other threads here.
So i know there is an css element that is used by one browser for rendering and not by the other browser.
Perhaps, since you are a webpage designer, you might try re-writing the webpage css/html or rearrange the elements for FF.
And then if it looks good in FF, then it will also look good in other browsers too.
You use a <table> element and a table width is differently calculated in Edge. The width attribute specifies the desired width of the entire table and is intended for visual user agents. When the value is a percentage value, the value is relative to the user agent's available horizontal space. In the absence of any width specification, table width is determined by the user agent. In Firefox is determined according to it's content and in Edge according to table's surroundings.
Tables must not be used as layout aids. Historically, some web authors have misused tables in HTML as a way to control their page layout. This usage is non-conforming, because tools attempting to extract tabular data from such documents would obtain very confusing results. In particular, users of accessibility tools like screen readers are likely to find it very difficult to navigate pages with tables used for layout.
This is not right. The buttons are all bunched together, it's not like that in Edge.
In the first row, the first cell, you have a width restriction that Firefox applies to the entire table:
<td align="middle" width="525" bgcolor="white" colspan="0" height="50"> <img height="325" src="TWCMAD-logo01ori.gif" width="600" border="0"> <center><font size="12"><b>TWCMADonline.com</b></font></center> </td>
Try removing that width restriction or setting it to something you like better (1280 will fit the entire row of red buttons).
The height is too low for the content, but as you can see, browsers already ignore that.
Also, colspan="0" is nonstandard and not helpful, so you can remove that.
Is the 1280 for the width and should I increase the colspan?
You can set a width if you like, otherwise browsers will apply their own rules for "best fit." There are some articles on what is a comfortable line length for reading, and you could consider that in deciding how wide to let the table become, or whether to reduce the width of the center column where people need to read.
Since you only have one td in each tr, I think, you should not use colspan. That is only for when you need horizontally merged cells, like in Excel/Sheets.
okay, I'll check everything you all are saying and get back asap.
I deleted the colspan codes and I saw that the width had to be extended to 1335 so the site can be working on firefox in addition to the other browers. I just have to apply those all of those changes to all of the pages to the websites then upload the changes.