Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 03-18-2015, 06:56 AM
Guerino1 Guerino1 is offline
Contributing Member
 
Join Date: 08-28-10
Posts: 120
iTrader: 0 / 0%
Issues with Table Alignments in Chrome Browser

In our web site, we render shortcut grids in the form of tables, in the left side bar of many of our web pages. In Chrome, the table widths are not aligning properly and I'd like to understand what the best practices and code are for fixing the problem so we get consistency across all browsers.

I've attached/uploaded a file that helps show the problem but you can also see it right on our home page: http://www.if4it.com.

The code looks as follows:

Code:
<div class="divBodyLeft"> <p class="point8em"><b style="color:maroon;">IF4IT:</b> <i>Standardizing and simplifying IT for the masses.</i></p> <table class="table_Index"> <tr> <th class="th_WhiteFontMaroonBackgroundMaroonBorderBoldCenter1em">Glossary Quick Links</th> </tr> </table> <table class="table_Index"> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexA.html">A</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexB.html">B</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexC.html">C</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexD.html">D</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexE.html">E</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexF.html">F</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexG.html">G</a> </td> </tr> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexH.html">H</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexI.html">I</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexJ.html">J</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexK.html">K</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexL.html">L</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexM.html">M</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexN.html">N</a> </td> </tr> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexO.html">O</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexP.html">P</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexQ.html">Q</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexR.html">R</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexS.html">S</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexT.html">T</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexU.html">U</a> </td> </tr> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexV.html">V</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexW.html">W</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexX.html">X</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexY.html">Y</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/GLOSSARY/termsIndexZ.html">Z</a> </td> <td></td> <td></td> </tr> </table> <table class="table_Index"> <tr> <th class="th_BlackFontMaroonBorderCenterPt9em"> <i><a class="point8em" href="./glossary.html">IT Glossary Home Page</a></i> </th> </tr> </table> <table class="table_Index"> <tr> <th class="th_BlackFontMaroonBorderCenterPt9em"> <i><a class="point8em" href="./SYNTHESIZED/GLOSSARY/masterIndex.html">Glossary Master Index</a></i> </th> </tr> </table> <table class="table_Index"> <tr> <th class="th_WhiteFontMaroonBackgroundMaroonBorderBoldCenter1em">Discipline Quick Links</th> </tr> </table> <table class="table_Index"> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexA.html">A</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexB.html">B</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexC.html">C</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexD.html">D</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexE.html">E</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexF.html">F</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexG.html">G</a> </td> </tr> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexH.html">H</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexI.html">I</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexJ.html">J</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexK.html">K</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexL.html">L</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexM.html">M</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexN.html">N</a> </td> </tr> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexO.html">O</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexP.html">P</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexQ.html">Q</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexR.html">R</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexS.html">S</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexT.html">T</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexU.html">U</a> </td> </tr> <tr> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexV.html">V</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexW.html">W</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexX.html">X</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexY.html">Y</a> </td> <td class="td_BlackFontMaroonBorderCenterPt7em"> <a href="./SYNTHESIZED/DISCIPLINES/disciplineIndexZ.html">Z</a> </td> <td></td> <td></td> </tr> </table> <table class="table_Index"> <tr> <th class="th_BlackFontMaroonBorderCenterPt9em"> <i><a class="point8em" href="./disciplines.html">Disciplines Home Page</a></i> </th> </tr> </table> <table class="table_Index"> <tr> <th class="th_BlackFontMaroonBorderCenterPt9em"> <i><a class="point8em" href="./SYNTHESIZED/DISCIPLINES/discipline_master_index.html">Discipline Master Index</a></i> </th> </tr> </table> <table class="table_Index"> <tr> <th class="th_BlackFontMaroonBorderCenterPt9em"> <i><a class="point8em" href="./LICENSES/master_agreement.html">IF4IT Master Agreement</a></i> </th> </tr> </table> <p class="point8em"><b style="color:maroon;">IF4IT:</b> <i>Addressing the business of Information Technology (IT) and Information Management (IM).</i></p> </div>
Any help is greatly appreciated.

Thanks
Attached Thumbnails
Click image for larger version

Name:	Grid Problem.png
Views:	67
Size:	29.7 KB
ID:	18268  
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 03-24-2015, 10:54 PM
CleverSurveys CleverSurveys is offline
Junior Member
 
Join Date: 03-19-15
Posts: 21
iTrader: 0 / 0%
I'm using chrome, and the table displays properly and lines up on your website.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Google Chrome becomes the number 1 browser! dealzbydesign Google Forum 58 12-17-2010 04:27 PM
What's your favourite browser? IE, Mozilla, Chrome or.... WebTrafficSeller Tech Talk 1 02-03-2010 07:41 AM
Table Alignment Issues tosaha Coding Forum 7 08-25-2006 10:57 AM
Table Issues sweatnspice Coding Forum 4 05-24-2004 09:02 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 02:05 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC