Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Twitter bar misplaced only in IE

    Hello,

    Our twitter feed is misplaced only in Internet Explorer. Works fine in Firefox and chrome.

    Any ideas on how to fix this?

    http://www.greekconcierge.com/index2.php

    many thanks,
    Andy

  • #2
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts
    this is weird.. it works on IE9 on my laptop computer but not on my desktop..

    any ideas?

    can anyone else experience the problem?

  • #3
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    looks fine on my laptop. try posting a picture of the problem. take the align: left; out of the p, and the vertical-align: middle; doesn't do anything.
    Last edited by Sammy12; 08-15-2011 at 12:42 AM.

  • #4
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Here is the problem:

    http://www.greekconcierge.com/images/error.jpg

    On the same note the blue horizontal bar below the menu is misplaced by a line and i think this is somehow related to our problem... hope this gives you a clue

    I am using windows 7 and IE9
    my resolution is 1680 x 1050
    Last edited by neodjandre; 08-15-2011 at 12:48 AM.

  • #5
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    as I suspected,
    these errors will cause differences between computers and browsers

    http://validator.w3.org/check?uri=ht...Inline&group=0

    Code:
    Line 664, Column 19: end tag for element "DIV" which is not open
    </div></div> </div>
    ✉
    The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.
    on a further note, you can't just set an inline element out like that blue line. you have to make it a block <div><img (blue line)/></div>

    block must be on the same level as block
    Code:
    <div>
     <ul></ul>
     <div>
      <img/>
     </div>
    </div>
    though block-block has nothing to do with the problem, try fixing the w3c errors, that will fix problems you dont even see yet. in the future, if you use a

    Code:
    <DOCTYPE html>
    (html 5 doctype)
    the validator will make sure you follow the rules which will produce maximum browser support
    http://validator.w3.org/check?uri=ht...alidator%2F1.2
    Last edited by Sammy12; 08-15-2011 at 12:56 AM.

  • #6
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts
    all these errors have to do with external scripts I am using on the site and i didn't write the code for them...

    the problem will stay there even if I remove the scripts.. is there a specific fix you found out? thanksx

  • #7
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    the one i pointed out. an end </div> which means you didn't close one of your tags.

    ---

    after fixing mistakes, if that's not it, it looks like it's a problem with either the ul or img.

    I would suggest setting the image inside a <div> in both cases. then setting heights for both with overflow: hidden;. This problem could be easier fixed with teamviewer though. without a live copy of the problem, I don't think I can say what's wrong.
    Last edited by Sammy12; 08-15-2011 at 01:17 AM.

  • #8
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts
    this is too weird.. i just rechecked all tags..

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <TITLE>Greek Concierge London Events, Nightlife, PR, Clubs, Parties, Guest Lists, Event Planning Nightclubs</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <meta name="keywords" content="london event planning, london event management, london nightclub guestlists, london club guest list, london corporate event planning, greek parties london, table reservations, london night clubs, guest list london night clubs, london greek parties, london greek nights, london venue hire">
    <meta name="description" content="Greek Concierge is one of the biggest London-based PR and event entertainment companies as well as a prestigious night life guide. London Parties, Nightlife, PR, Guest Lists, Nightclubs, Clubs Event Planning.">
    <link rel="shortcut icon" href="favicon.ico" >
    <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
    <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
    <meta name="city" content="London">
    <meta name="country" content="United Kingdom">
    <meta name="state" content="">
    <meta name="zipcode" content="EC,NW,SW">
    <meta name="geo.position" content="0.00000;0.00000">
    <meta name="geo.placename" content="London">
    <meta name="geo.region" content="GB">
    <meta name="icbm" content="0.00000;0.00000">
    <meta name="Distribution" content="global" >
    <meta name="Robots" content="index, follow" >
    <meta name="Rating" content="general" >
    <meta name="Author" content="Greek Concierge" >
    <style type="text/css" media="all">@import "styles.css";</style> 
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <script type='text/javascript' src='js/jwplayer.js'></script>
    
    <script type="text/javascript">
    var flashvars = {};
    flashvars.galleryURL = "compact.xml";
    var params = {};	
    params.wmode = "transparent";			
    params.allowfullscreen = false;
    params.allowscriptaccess = "always";
    params.bgcolor = "000000";
    swfobject.embedSWF("simpleviewer.swf", "flashContent", "862", "240", "9.0.124", false, flashvars, params);
    </script>  
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-4448328-5']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    </head>
    
    <body> 
     
    <div id="allbg"> 
      
    <div id="all"> 
      
    <div id="header"> 
      
    <div id="mainlink"> 
    <a href="http://www.greekconcierge.com"><img src="images/trs.gif" title="" alt="Events, Venue Hire, London Parties, Nightlife, PR, Guest Lists, Nightclubs, Corporate Event Planning" style="float:left;" width="820" height="50" /></a><div id="flashContent" style="padding: 150px;"></div>  
    </div>   
    </div> 
    <div id="allcontent"> 
      
    <div id="content">
     
    <div id="title">
    <!-- MENU START -->
    <?php include("menu.php"); ?>
    <div>
    <img title="" alt="" src="images/submenu.png" border="0">
    </div>
    <!-- MENU END -->
    </div> 
    <div id="content-inside"> 
      
    <div id="introduction">   
    <?php include("banner-main.php"); ?>
    
    <h1>Upcoming Event</h1>
    <?php include("inserts/aura3.php"); ?> 
    
    <div style="background: url('images/twitbar.png') no-repeat;padding: 0px 0px 0px 0px;height:45px;width:590px;">
    <script src="twitter.js" type="text/javascript" charset="iso-8859-1"></script>
    <script type="text/javascript" charset="iso-8859-1">  getTwitters('twitters', { 
    id: 'greekconcierge', 
    clearContents: true, 
    count: 1, 
    withFriends: true,
    newwindow: true,
    ignoreReplies: true,
    template: '<p style="font-family: verdana,arial,sans-serif;font-size:0.80em;color:#ae0404;align:left;text-transform:uppercase;"> %text% <p/>'
    });
    </script>
    <a href="http://www.twitter.com/greekconcierge"><img src="images/bird.png" border="0" alt="Twitter" title="Follow us on Twitter!" style="float:left;padding: 10px 5px 0px 20px;" > </a>	
    <img src="images/twitfix.png" style="float:left;" >
    <div id="twitters" style="width:96%;padding: 1px 0px 0px 0px;">
    <p style="font-family: verdana,arial,sans-serif;font-size:0.87em;color:#ae0404;" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Loading...&nbsp;&nbsp;<img alt="" src="images/indicator.gif" />
    </p>
    </div>
    </div>
    
    <table  width="100%" border="0" cellspacing="0" cellpadding="0" bordercolor="#0000ff">
    	<tr>
    		<td align="left" valign="top" style="padding:0px 0px 0px 10px;"  >
    		<br>
    <div id='mediaspace'>Loading...</div>
    <script type='text/javascript'>
      jwplayer('mediaspace').setup({
        'flashplayer': 'player.swf',
        'file': 'http://www.youtube.com/watch?v=Kh2FRFhS7QY',
        'controlbar': 'none',
    	'image': 'images/tv.jpg',
    	'backcolor': '000000',
        'frontcolor': 'EEEEEE',
        'lightcolor': 'EEEEEE',
        'width': '295',
        'height': '145'
      });
    </script>		
    <br>
    <a href="tv.php"><img src="images/tvbar.jpg" border="0" alt="TV" title="" > </a>	
    <br><br>	
     </td>
    <td>
    <a href="members.php"><img src="images/become-member.png" border="0" alt="Become Member" title="" > </a>
    <br>
    <a href="http://www.facebook.com/greekconcierge"><img src="images/join-facebook.png" border="0" alt="Become Member" title="" > </a>
    <br>
    <!--
    <a  href="members.php" onmouseover="TagToTip('Span1',CENTERMOUSE, true, ABOVE, false, LEFT, true, OFFSETX, -10, SHADOW, false, EXCLUSIVE, false, PADDING, 4, BGCOLOR, '#000000', BORDERCOLOR, '#2B262D',BORDERWIDTH, 0,FONTCOLOR, '#FFFFFF',FONTFACE, 'Verdana', FONTSIZE, '8pt', WIDTH, -220, STICKY, false,CLOSEBTN, false, CLOSEBTNCOLORS, ['', '#FBF1FC', 'white', '#2B262D'], TEXTALIGN, 'center', TITLE, '',TITLEALIGN, 'center', TITLEBGCOLOR, '#000000', TITLEFONTCOLOR, '#FFFFFF', OPACITY, 70)" onmouseout="UnTip()"><img src="images/become-member.png" border="0" style="float:right;margin: 0px 0px 0px 0px;" alt="Table Reservations Greek  Parties in London" title="" /></a>	
    <a  href="http://www.facebook.com/greekconcierge" onmouseover="TagToTip('Span2',CENTERMOUSE, true, ABOVE, false, LEFT, true, OFFSETX, -10, SHADOW, false, EXCLUSIVE, false, PADDING, 4, BGCOLOR, '#000000', BORDERCOLOR, '#2B262D',BORDERWIDTH, 0,FONTCOLOR, '#FFFFFF',FONTFACE, 'Verdana', FONTSIZE, '8pt', WIDTH, -220, STICKY, false,CLOSEBTN, false, CLOSEBTNCOLORS, ['', '#FBF1FC', 'white', '#2B262D'], TEXTALIGN, 'center', TITLE, '',TITLEALIGN, 'center', TITLEBGCOLOR, '#000000', TITLEFONTCOLOR, '#FFFFFF', OPACITY, 70)" onmouseout="UnTip()"><img src="images/join-facebook.png" border="0" style="float:right;margin: 0px 0px 0px 0px;" alt="Table Reservations Greek  Parties in London" title="" /></a>	
    -->
    </td>
    </tr>
    <tr>
    <td>
    <a href="club-guestlist.php"><img src="images/guestlist-front.png" border="0" alt="London Night Clubs Guest Lists" title="" > </a>
    </td>
    <td>
    <a href="club-table-reservations.php"><img src="images/tables-front.png" border="0" alt="Club Table Reservations London" title="" > </a>
    </td>
    </tr>
    <tr>
    <td>
    <a href="event-planning.php"><img src="images/plan-an-event.png" border="0" alt="Plan Event" title="" > </a>
    </td>
    <td>
    <a href="birthday-party-deals.php"><img src="images/birthday-deals.png" border="0" alt="Birthday Party Deals Club London" title="" > </a>
    </td>
    </tr>
    <tr>
    <td>
    <a  href="london-guide.php" onmouseover="TagToTip('Span4',CENTERMOUSE, true, ABOVE, false, LEFT, true, OFFSETX, -10, SHADOW, false, EXCLUSIVE, false, PADDING, 4, BGCOLOR, '#000000', BORDERCOLOR, '#2B262D',BORDERWIDTH, 0,FONTCOLOR, '#FFFFFF',FONTFACE, 'Verdana', FONTSIZE, '8pt', WIDTH, -220, STICKY, false,CLOSEBTN, false, CLOSEBTNCOLORS, ['', '#FBF1FC', 'white', '#2B262D'], TEXTALIGN, 'center', TITLE, '',TITLEALIGN, 'center', TITLEBGCOLOR, '#000000', TITLEFONTCOLOR, '#FFFFFF', OPACITY, 70)" onmouseout="UnTip()">
    <img src="images/london-guide.png" border="0" alt="Table Reservations Greek  Parties in London" title="" /></a>
    </td>
    <td>
    <a href="services-overview.php"><img src="images/services-small.png" border="0" alt="Table Reservations Greek  Parties in London" title="" > </a>
    </td>
    </tr>
    <tr>
    <td>
    <a href="travel.php"><img src="images/travel-front.png" border="0" alt="Travel London" title="" > </a>
    </td>
    <td>
    <a href="luxury-cars.php"><img src="images/luxury-cars-front.png" border="0" alt="Luxury Cars London" title="" > </a>
    </td>
    </tr>
    <tr>
    <td>
    <a href="event-tickets.php"><img src="images/tickets-front.png" border="0" alt="Travel London" title="" > </a>
    </td>
    <td>
    <a href="london2012.php"><img src="images/olympics-front.png" border="0" alt="Olympics 2012 London" title="" > </a>
    </td>
    </tr>
    </table>
     
    <br> 
    
    <?php include("footer.php"); ?>
     </div></div> </div></div>
      <div id="footer">
      
    </div></div> </div>
     
    </body>
    
    </html>
    I will check the php includes as well

  • #9
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    ho ho ho I'm not looking for that. I've been there before in a 10k line script and believe me, I never forgot to start or end anything.

    If you have teamviewer, I could fix the problem almost instantly

  • #10
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts
    it's a bit difficult actually because the full code as rendered by the browser has a missing tag

  • #11
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts
    sorry i don't have team viewer... this is too complicated i give up...

    The code rendered by the browser is different than the code of my actual files.. I can send you all files in a .zip if you need them..

  • #12
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    try clearing your cache on both computers. also, if rendered code is different than your files, it could be an issue with your servers. go ahead an pm me the zip files, though I have to go right now. i can take a look at them in a couple hours.


  • #13
    Regular Coder
    Join Date
    Aug 2002
    Posts
    153
    Thanks
    5
    Thanked 0 Times in 0 Posts
    it's not the cache...I have moved the twitter code to the footer so it's the last piece of code that is executed... still the same problem.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •