Support Forum

  • Page:
  • 1

centreing in firefox and ie 8

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

hi bamboo stars. Finalising the tiny details at the mo and noticed this morning that although the text behind the image is perfectly centred in ie7, in just about every other browser it falls off the page - any suggestions on lining it up - the words fall off the edge of the image otherwise.

Thanks in advance as always :)
  • kris1anne's Avatar
  • kris1anne
  • 6 Month Developer
  • 161 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Got a link?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hey me dear - its the www.academy.jemmakidd.com
  • kris1anne's Avatar
  • kris1anne
  • 6 Month Developer
  • 161 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
ps - just to let you know already tried the

moz-center

and

margin-left: auto
margin-right: auto

fixes - neither worked. Nor does putting right margin or padding on it.
  • kris1anne's Avatar
  • kris1anne
  • 6 Month Developer
  • 161 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi there,

Did you change the css on this element?

.viewport {
margin-left: 20px;


That is what is causing the offset in the text....
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
hey - yeah I did to get spacing between the items - if I take it off it looks like it does nowv (have changed so you can see) - bum, does that mean I cant change it?
  • kris1anne's Avatar
  • kris1anne
  • 6 Month Developer
  • 161 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Just add it to the child element instead. BTW, it is better to add to theme.css so that updates to the module won't destroy your modifications. Try this at the bottom of theme.css:

.ccItem {margin-left: 20px;}

You will have to adjust the image size in the module settings, as you are no longer shifting the viewport (which was hiding part of your image) ;)
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
The following user(s) said Thank You: kris1anne
well it took a wee bit of jiggery pokery but that has worked really well - thanks me dears!!! This is why I like working with you guys more then any other template provider -t he support is second to none!!
  • kris1anne's Avatar
  • kris1anne
  • 6 Month Developer
  • 161 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Awesome! glad to hear it :)

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers