...

View Full Version : Twitter bar misplaced only in IE



neodjandre
08-14-2011, 09:11 PM
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

neodjandre
08-14-2011, 11:29 PM
this is weird.. it works on IE9 on my laptop computer but not on my desktop..

any ideas?

can anyone else experience the problem?

Sammy12
08-14-2011, 11:39 PM
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.

neodjandre
08-14-2011, 11:46 PM
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

Sammy12
08-14-2011, 11:50 PM
as I suspected,
these errors will cause differences between computers and browsers

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.greekconcierge.com%2Findex2.php&charset=%28detect+automatically%29&doctype=Inline&group=0



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


<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



<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=http%3A%2F%2Fwww.greekconcierge.com%2Findex2.php&charset=%28detect+automatically%29&doctype=HTML5&group=0&user-agent=W3C_Validator%2F1.2

neodjandre
08-15-2011, 12:05 AM
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

Sammy12
08-15-2011, 12:10 AM
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.

neodjandre
08-15-2011, 12:15 AM
this is too weird.. i just rechecked all tags..



<!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

Sammy12
08-15-2011, 12:19 AM
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

neodjandre
08-15-2011, 12:22 AM
it's a bit difficult actually because the full code as rendered by the browser has a missing tag

neodjandre
08-15-2011, 12:28 AM
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..

Sammy12
08-15-2011, 12:33 AM
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.

:cool:

neodjandre
08-15-2011, 01:51 AM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum