3 replies [Last post]
knobby
knobby's picture
Offline
newbie
Spain
Last seen: 7 years 32 weeks ago
Spain
Timezone: GMT+2
Joined: 2015-04-14
Posts: 2
Points: 3

Hi folks,

I'm struggling with a Joomla template issue (I think) and I'm hoping someone can help. My Joomla site when viewed in Google Chrome has a top image which only goes halfway across the screen as shown in pic almond1jpg.

But when the same site is viewed in Firefox or IE the image goes right across as shown in pic almond2.jpg, which is what I want to achieve.

In the layout.css file there is the following section:

#site-name-handler {

}

#top-nav-handler {
padding-top: 14px;
}

#sn-position {
position: relative;
}
#sn-position h1 {
position: absolute;
}
#sn-position h2 {
position: absolute;
}

If I change the h1 position to relative then the picture in Firefox and IE goes to half size (like pic almond1.jpg) and it disappears completely in Chrome.

Can anyone tell me why this is happening in Chrome and what I can do to fix it please?

Thanks

AttachmentSize
almond1.jpg47.22 KB
almond2.jpg22.28 KB
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 38 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Link?

The css means nothing without the html it works against. Plus, we need to see the things in action.

One question that immediately comes to mind is why are you using the position property at all? It's something that in most cases is a last resort and requires compelling reason to mess with the flow and the z-index.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

knobby
knobby's picture
Offline
newbie
Spain
Last seen: 7 years 32 weeks ago
Spain
Timezone: GMT+2
Joined: 2015-04-14
Posts: 2
Points: 3

Thanks for your reply.This

Thanks for your reply.

Now sorted out!

VeeraM
VeeraM's picture
Offline
Enthusiast
bangalore
Last seen: 7 years 6 weeks ago
bangalore
Timezone: GMT+5.5
Joined: 2014-09-22
Posts: 59
Points: 59

different images

Hi, the different image sizes are upload but validator to chek in maximunm image size in websites,make images imn position values.