Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Site not rendering well in IE


  • Please log in to reply
9 replies to this topic

#1 tajemi

tajemi

  • Members
  • 56 posts
  • OFFLINE
  •  
  • Local time:12:38 PM

Posted 09 September 2011 - 04:40 AM

I have created our web site from scratch (www.jelly-aid.com.au) and I really don't understand web site design. I have received some feedback that the index page doesn't work as intended in IE. Any help would be appreciated *sigh*

T

BC AdBot (Login to Remove)

 


#2 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:07:38 PM

Posted 09 September 2011 - 07:21 AM

Could you be a bit more specific? I don't know what "the index page doesn't work as intended in IE" means. What are you expecting to happen, and what is really happening?

#3 tajemi

tajemi
  • Topic Starter

  • Members
  • 56 posts
  • OFFLINE
  •  
  • Local time:12:38 PM

Posted 09 September 2011 - 07:33 AM

This is what someone has said.... I have no idea what he is talking about (which is really bad considering I have just built the site).

"I have really only done a tiny bit of nuts and bolts website design.
I have always used tables to separate areas. It's probably old school but it is fail safe.

Just had a quick look at your source code. You probably know more than I do.
Seems you have tables inside divs. Try putting divs inside tables instead. I don't use divs at all if I can help it.
Nest tables inside tables if you need to.
Never use rowspan - it has faulty code in the pixel alignments that stop things lining up properly.
Colspan is ok.

Your page wants the LHS "lifetime of pain" and RHS "Advertise" columns to stay static while the stuff in the middle moves.
Create blank columns in your tables to space away from LHS and RHS fixed columns.
Try making sure each table row has the same number of columns - eg. 15 for your case.

Try something like this -

<table width="990" height="1089" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="2">
<div id="lhs-sidebar-blankspace>
<th scope="row">&nbsp;</th>
</div>
</td>
<td colspan="11">
<img src="images/template_01.gif" width="990" height="151" alt="">
</td>
<td colspan="2">
<div id="rhs-sidebar-blankspace>
<th scope="row">&nbsp;</th>
</div>
</td>
</tr>
<tr>
<td colspan="1">
<div id="lhs-sidebar-blankspace2>
<th scope="row">&nbsp;</th>
</div>
</td>
<td colspan="13">
<div>
<ul id="MenuBar1" class="MenuBarHorizontal">

...
...

</div>
</td>
<td colspan="1">
<div id="rhs-sidebar-blankspace2>
<th scope="row">&nbsp;</th>
</div>
</td>
</tr>


Try using percentage width columns instead of fixed pixel width, or use a combination of both.
Anticipate users with low screen res - design for 1024 x 768.
Keep your code appropriately indented so it is easy to read - easier to find errors that way (see above).

Don't know why your slider bar is not working.
Mouse scroll wheel and page up/down seem to work fine.

This area of code appears to have <tr>'s that do not get closed -

<tr>
<td width="990" height="699" colspan="11" background="images/template_10.gif"><table width="980">
<tr>
<th height="427" colspan="3" align="left" valign="top" scope="col"><table width="142" border="0">
<tr>
<th scope="col"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%23%21%2FJELLYaid&amp;width=292&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=pink&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>&nbsp;</th>
</tr>

That can cause inconsistent rendering on different web browsers. "

From what i can gather my 'static' sidebars are blocking some of the page and not remaining static in IE.

#4 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:07:38 PM

Posted 09 September 2011 - 10:05 AM

Seems you have tables inside divs. Try putting divs inside tables instead. I don't use divs at all if I can help it.

......aaaaaand I stopped paying attention right after that.

One thing that might help clear up some issues is to validate your html. See HERE.

This bit of code:
<tr>
<td width="990" height="699" colspan="11" background="images/template_10.gif"><table width="980">
<tr>
<th height="427" colspan="3" align="left" valign="top" scope="col"><table width="142" border="0">
<tr>
<th scope="col"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%23%21%2FJELLYaid&amp;width=292&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=pink&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>&nbsp;</th>
</tr> 

.. is completely screwed up. It looks like you are opening a table in a table in a table. Is that really your intention? You can do that, but if you do, then the tables have to be confined to a single row in the containing table,and all tags have to be closed. For example:
<tr>
  <td width="990" height="699" colspan="11" background="images/template_10.gif">
     <table width="980">
       <tr>
         <td>
         </td>
       </tr>
     </table>
  </td>
</tr>


#5 tajemi

tajemi
  • Topic Starter

  • Members
  • 56 posts
  • OFFLINE
  •  
  • Local time:12:38 PM

Posted 09 September 2011 - 05:44 PM

I will have a look at that link and as for the table inside a table inside a table.... I think I did do it on purpose, I couldn't get all the items to sit nicely and that was the only way I could figure how to do it. I have very little doubt that there would have been a simpler way (that goes for everything that I do on the site).

Thank you and I will let you know how I go :)

#6 tajemi

tajemi
  • Topic Starter

  • Members
  • 56 posts
  • OFFLINE
  •  
  • Local time:12:38 PM

Posted 09 September 2011 - 05:52 PM

Jeepers! Just validated the site and I have 23 errors and 5 warnings! *Sigh*

#7 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:07:38 PM

Posted 09 September 2011 - 07:37 PM

That's really not that bad. :) I have a feeling that when you fix them though, your page might behave a little better. At least once you have all of the syntax correct, then you can worry about cross browser issues.

#8 tajemi

tajemi
  • Topic Starter

  • Members
  • 56 posts
  • OFFLINE
  •  
  • Local time:12:38 PM

Posted 10 September 2011 - 02:22 AM

I have fixed all those errors and warnings :) Feeling quite happy that's done

#9 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:07:38 PM

Posted 11 September 2011 - 08:33 AM

So is the page doing anything unexpected?

#10 tajemi

tajemi
  • Topic Starter

  • Members
  • 56 posts
  • OFFLINE
  •  
  • Local time:12:38 PM

Posted 11 September 2011 - 07:50 PM

Apparently it is working as it should now :) Thank you so very much!!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users