Browser reads code differently?

code is read differently in different browsers

[keyworthgraphics]

Hi all,

I am having a display issue with one of my websites
The spacing between the title box and the text below (in the boxes with colored bands at the top) is displaying properly in Firefox (Mac and PC) but NOT in Chrome (Mac/PC) or Internet Explorer.

Extremely frustrated here...

Here's the code I am using - I admit I am probably doing the wrong thing. Could someone help?

Here's the code:

<div class="ct-sharp-row">
<div class="ct-sharp-box ct-sharp-box-33">
<div class="ct-sharp-iconbg-brown">
<h1 style="padding-top: 20px;"><strong>Get Support</strong></h1>
</div>
<p><span style="font-size: 12pt;"><br />The Brain Injury Association of Vermont Support Groups offer survivors and family members, caregivers, friends and the community a place to come and receive valuable resources and information about brain injury.</span></p>
<p><strong><a href="index.php?option=com_content&amp;view=category&amp;id=19&amp;Itemid=247"><span style="font-size: 12pt;">More about Support Groups</span></a></strong></p>
</div>
<div class="ct-sharp-box ct-sharp-box-33">
<div class="ct-sharp-iconbg-darkgreen">
<h1 style="padding-top: 5px;"><strong>Events and Updates</strong></h1>
</div>
<p>&nbsp;<br /><br /><span style="font-size: 12pt;"><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=45&amp;Itemid=250">VT’s 26th Annual Brain Injury Conference-10/14</a></strong></span><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=282"><span style="font-size: 12pt;">2014 Walk For Thought</span></a></strong><br /><strong><a href="http://www.example.com/" target="_blank"><span style="font-size: 12pt;">Traumatic Brain Injury Blog</span></a></strong><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=241"><span style="font-size: 12pt;">School Sports and Concussion Toolkit</span></a></strong></p>
</div>
<div class="ct-sharp-box ct-sharp-box-33">
<div class="ct-sharp-iconbg-red">
<h1 style="padding-top: 5px;"><strong>Referrals and Resources</strong></h1>
</div>
<p><span style="font-size: 12pt;"><br /><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=18&amp;Itemid=234">Aging and Disability<br />Resource Connection (ADRC)</a></strong></span><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=50&amp;Itemid=263"><span style="font-size: 12pt;">Newsletter</span></a></strong><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=59&amp;Itemid=308"><span style="font-size: 12pt;">Resource Guide</span></a></strong><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=28&amp;Itemid=246"><span style="font-size: 12pt;">Neuro-Resource Facilitation</span></a></strong><br /><strong><a href="index.php?option=com_content&amp;view=article&amp;id=23&amp;Itemid=240"><span style="font-size: 12pt;">Lending Library</span></a></strong></p>
</div>
</div>
<div class="ct-sharp-row">
<div class="ct-sharp-box ct-sharp-box-33">
<div class="ct-sharp-iconbg-green">
<h1 style="padding-top: 20px;"><strong>Slideshow</strong></h1>
<p><br /><br />{loadposition slider}</p>
</div>
</div>
<div class="ct-sharp-box ct-sharp-box-33">
<div class="ct-sharp-iconbg-yellow">
<h1 style="padding-top: 20px;"><strong>Get Involved Now</strong></h1>
</div>
<p><span style="font-size: 12pt;"><br /><br />Getting involved with the BIAVT is a great way to support our education, referrals, and assistance to families and individuals affected with TBIs or other brain injury related issues.<br /></span></p>
<center><form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick" /> <input type="hidden" name="hosted_button_id" value="xcxxx" /> <input type="image" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" alt="PayPal - The safer, easier way to pay online!" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></form></center></div>
<div class="ct-sharp-box ct-sharp-box-33">
<div class="ct-sharp-iconbg-blue">
<h1 style="padding-top: 20px;"><strong>Newsletters</strong></h1>
</div>
<p><span style="font-size: 12pt;"><br /><br />Be sure to check out some of newsletters. Click the link below to view them and download a PDF document to read, and save to your computer.</span></p>
<p><strong><a href="index.php?option=com_content&amp;view=article&amp;id=19&amp;Itemid=236"><span style="font-size: 12pt;"><br />View our Newsletters now</span></a></strong></p>
</div>
</div>

[w3bmastine]

Can you post the full HTML please?
We can only guess HTML version, charset, etc.
Thanks.

[keyworthgraphics]

i am sorry, i have since resolved this. this post can be deleted now

[lucy24]

Can you post the full HTML please?

I was going to ask for the CSS, since there is otherwise no way to know whether the browser is using default settings-- which can vary by browser, especially in "quirks" mode-- or if everything is supposed to use the same.

Admittedly the quoted HTML smells strongly of a CMS using XHTML.

[keyworthgraphics]

thanks