IE Problems!!

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Evertime I load up Internet Explorer my front page of my website does not show up correctly under where all the members are listed its supposed to show in two rows but only shows up in 1, its fine with firefox but not my users who have IE? Anyone got any suggestions on how to rectify this?

http://abbotsfordgolfsection.yolasite...

Thanks

Craig
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes

Posted 7 years ago

  • 1
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Hello Craig....I looked at your site here in the USA using IE9 64bit and 32bit.
I see two rows on both.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
How are you my friend?
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Doing great thanks....Been slowly adding your menu design to my site...Thank you!! Hope you are doing well.
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Craig,

I don't have IE but looking at your code, you have s causing the problem but you may want to look at it.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Craig,

If you check the code which surrounds the members div's you'll see that they are not closed properly.

The closing div for each members box ends like this:
<!-- </divstyle="text-align:> -->

Also some opening div's are messed up - go in and clean them up and it should be fine in all browsers.

Firefox is better than IE7 & 8 at cleaning up incorrect code.

PS Hope your well - long time no speak.

Lee.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Great catch UK Duke!
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
I was trying to say that, but GS messed up my response! Thanks, Lee.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hi Lee,

Thanks I will have a look at that thanks, was driving me mad lol

Ps I'm good thanks how are you?

Craig
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hmmmm how are they supposed to look duke I have tried messing about to no avail?

Craig
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Try this Craig,

<!--

<div class="grid">

<div class="row">

<div class="image">

<img src="resources/Todd.gif?timestamp=1242522133965">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">Todd Smith</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>

</div>

<div class="image">

<img src="resources/C.gif?timestamp=1242522186801">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">Craig Williamson</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>

</div>

</div>

<div class="row">

<div class="image">

<img src="resources/G.jpg?timestamp=1242522419746">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">Gordon Martin</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>

</div>

<div class="image">

<img src="resources/Mark.gif?timestamp=1242522348075">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">Mark Williamson</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>
</div>

</div>

<div class="row">

<div class="image">

<img src="resources/Danny.gif?timestamp=1242522419746">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">Danny Thomson</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>

</div>

<div class="image">

<img src="resources/D.jpg?timestamp=1242522452170">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">David Ferrie</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>

</div>

</div>

<div class="row">

<div class="image">

<img src="resources/George.gif?timestamp=1242522419746">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">George Alexander</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>

</div>

<div class="image">

<img src="resources/Mic.gif?timestamp=1242522452170">

<div style="text-align: center;">
<font style="color: rgb(68, 102, 0);" size="2">Michael McCahery</font><br />
</div>

<div style="text-align: center;">
<font style="font-family: Arial;" size="2">Handicap</font><br /><br />
</div>

</div>

</div>

</div>

-->

Hope that works for you.

Make sure you replace it with what you have at the correct point ( start is... div class = grid)

Lee. http://hexham.info
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Thanks UK Duke I will add that to my code and see if that works. Again thanks very much Lee, the man in the know!!

C
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
That worked a treat Lee thanks but how do I get all the boxes now to sit in the center of the widget as presently they are sitting at the left hand side?

Thanks

C
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
The easiest way to do it would be to stick in some center tags...
<!--
<center>
All the grid code
</center>
-->

This method is semi frowned upon these days but for me still a great way to get the job done, you could wrap it all in a div style="text-align:center;" instead if you wanted.

Let me know if that works.

Lee.