 Simple HTML Difference Between Browsers |
| ftbadolato |
 Mar 13 2018, 10:20 PM
Post
#1
|
|
Novice  Group: Members Posts: 25 Joined: 21-June 17 Member No.: 26,440  |
The menu on this site does not display correctly in Chrome. In IE 11 it appears to be fine, but for some reason in Chrome the menu categories appear below the gray boxes. I know the code is very old, but the syntax still appears correct to me. Any ideas as to why it is not displaying correctly in Chrome (and likely other browsers)? I have attached a screenshot of what it looks like in Chrome.
http://s725156287.onlinehome.us/Menu/ Thanks! Attached thumbnail(s) 
|
  |
 
|
  |
Replies
| ftbadolato |
Mar 15 2018, 10:46 PM
Post
#2
|
|
Novice Group: Members Posts: 25 Joined: 21-June 17 Member No.: 26,440 |
OK, making good progress! The gray bg boxes are still quite a bit bigger than before and the text is aligning to the bottom in Chrome, but not in IE.
|
|
|
|
| pandy |
Mar 16 2018, 12:38 AM
Post
#3
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
You still have nested tables and other unnecessary HTML and CSS. Get rid of all the BR tags. I've realized at long last it's those that forces the text line down in Chrome. There is no point of using line-height when you only have one line. To space things out you use padding and/or margin.
|
|
|
|
| ftbadolato |
Mar 19 2018, 10:30 AM
Post
#4
|
|
Novice Group: Members Posts: 25 Joined: 21-June 17 Member No.: 26,440 |
QUOTE(pandy @ Mar 16 2018, 01:38 AM)  You still have nested tables and other unnecessary HTML and CSS. Get rid of all the BR tags. I've realized at long last it's those that forces the text line down in Chrome. There is no point of using line-height when you only have one line. To space things out you use padding and/or margin. OK, I will see if I can reduce the HTML and CSS on that page for a better result. I also found that the main menu across the top wraps in IE (Contact appears on the second line). The Reviews page also looks goofy. The reviews on the right side are crossing over to the left. See the inserted image:  |
|
|
|
| pandy |
Mar 20 2018, 01:19 AM
Post
#5
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
OK. But start with those BR tags and stop nesting tables. You only need one table.
BR tags should rarely be used at all and absolutely not for creating space. Typically you only need them to ensure a line is very short when a block level element like P isn't motivated. Like maybe in a poem. |
|
|
|
Posts in this topic
ftbadolato Simple HTML Difference Between Browsers Mar 13 2018, 10:20 PM
pandy Not HTML, but CSS. This bit to be precise.
.bg td... Mar 13 2018, 11:28 PM
ftbadolato
Not HTML, but CSS. This bit to be precise.
[code... Mar 14 2018, 09:50 AM pandy You do? It worked for me, using my browsers Inspec... Mar 14 2018, 10:07 AM pandy Now I see. You have a rat's nest of nested tab... Mar 14 2018, 10:44 AM ftbadolato OK....I think I've simplified it pretty well, ... Mar 14 2018, 04:03 PM pandy I still see all the tables.
I meant like this. Re... Mar 14 2018, 06:12 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 27th April 2024 - 02:56 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC