Hi, i have made a website using joomla, and i really do like it!

 

Its been perfect for a while but for some reason i find that Google Chrome is displaying it differently on certain pages...

 

for example

 

http://pinpointdistribution.co.uk/index.php/distribution-prices

 

 

When you open with Firefox it is displayed as 3 boxes across the page and a large box at the bottom, however now open it in chrome and you will see that only 2 boxes go across and the third is slipped underneath?

 

Can anyone else see this problem using chrome? if you do, does anyone have any suggestions about what could be coursing it?

 

it worked fine before too, so i assume something have changed some where. Its just very annoying!

 

Thanks in advance.

 

Al

It seems like, in firefox the third box got a width of '33.333%'.

While in chrome it got a static width '319px'

 

I think changing or removing that width property will help

Edited August 24, 201213 yr by Leonvv

The above is correct, however you have some weird code going on in those boxes anyway.

 

The first two boxes have 'style' within their tags that should be removed and the third has style= " " that should also be removed.

Thanks for your responses guys. Using Firebug i see that the 3rd box had a fixed width, as soon as i removed that piece of code, the box jumps straight back up in line with the rest! Thanks for your help. Ill try and remove it in the code

 

Thanks!

Going to sound really silly, but i cant find the file that contains the code for this?

 

im trying to remove - <div class="grid-box width33 grid-h" style="width: 319px; ">

 

Can some one help ?

 

Thanks!

 

Aaron

Going to sound really silly, but i cant find the file that contains the code for this?

 

im trying to remove - <div class="grid-box width33 grid-h" style="width: 319px; ">

 

Can some one help ?

 

Thanks!

 

Aaron

 

Just remove the style attribute ?

 

<div class="grid-box width33 grid-h" >

Hi Leon,

 

I understand which piece of code to take out to fix it, but i cant find the file that the code is in?...

 

its strange?

 

Any ideas?

Hi Leon,

 

I understand which piece of code to take out to fix it, but i cant find the file that the code is in?...

 

its strange?

 

Any ideas?

 

 

Sorry I misunderstood your question .

 

I disabled javascript on chrome, and tested again.

This time the third box was aligned with the other two boxes, so apparently the style rule is being added with javascript.

 

I tried to look in to the javascript to find the line that added the style,

but because there are linked a lot of external javascript files I wasn't able to find it.

 

So at this moment the only thing I could think of, put this at the bottom of your head tag:

( don't forget to add an ID to your div )

<script type="text/javascript" >
if (document.readyState === "complete")
{
document.getElementById('strangediv').style.width='33%';
}
</script>

Edited August 24, 201213 yr by Leonvv

Sorry for the late reply Leon

 

I will try this code when i am back at work on Tuesday and i will let you know how i managed to get on.

 

Thanks so much for taking the time to figure out the problem!

 

Aaron