4 replies [Last post]
andypooz
andypooz's picture
Offline
newbie
United Kingdom
Last seen: 4 years 6 weeks ago
United Kingdom
Timezone: GMT+1
Joined: 2010-09-12
Posts: 2
Points: 3

I have a module in a joomla site that is being shoved across by something and most of it being cut off. In other browsers it looks fine. I've used the element inspector and can't find anything obvious, so I figured I'd consult the experts.

http://www.carbondiaries.com

If you view the site is FF/Chrome/IE, it looks (slightly different, but ) fine. But in Opera it has serious positioning problems.

Any suggestions will be greatly appreciated!

Andy

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 1 week 1 day ago
London
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15664
Points: 2802

WHAT Module! a module means

WHAT Module! a module means nothing in frontend terms, speak markup please but do give us a clue what we're meant to be looking at I'm not tabbing to Opera just to find out I should be able to tell of a problem from my current browser. Lecture over Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 1 week 1 day ago
London
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15664
Points: 2802

Joomla ( do wish people

Joomla Sad( do wish people would stop using this CMS Smile

Too much code flying about here there and everywhere, to deal with effectively one would need to have the full layout locally and stab around in the dark Smile

Try adding float containment to .art-contentlayout i.e overflow:hidden.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

andypooz
andypooz's picture
Offline
newbie
United Kingdom
Last seen: 4 years 6 weeks ago
United Kingdom
Timezone: GMT+1
Joined: 2010-09-12
Posts: 2
Points: 3

Sorry, here are the details

Sorry, the problem is inside div id="carousel1"

It is the part of the page where you should see BLOG Site under construction (with the image of the figure in the hard hat.

In most browsers it looks fine but its being forced over to the right in Opera. In fact in Opera's element inspector, it shows a div as escaping out the left hand side of the page (which is probably forcing another div right, but I can't get to the bottom of it.

I hope you can track down the problem using firebug, but please let me know if you need any other details.

I did add overflow:hidden to the art-contentlayout class but no change Sad

I appreciate your help
Andy

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 1 week 1 day ago
London
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15664
Points: 2802

<div class="item"

<div class="item" style="display: block; width: 600px; height: 150px; top: 0px; left: 342px; z-index: 4; opacity: 0.8">

Don't know what else to say really, other than you probably have some ghastly hack? at work to suit an older version of Opera or at least that was written for an earlier version of Opera

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me