I hate IE!!!! It's messing up my footer! - JoomlaBear Forums-Joomla Bear

Welcome, Guest
Please Login or Register. Lost Password?

JoomlaBear Forums

Templates

JoomlaBear Template Support

I hate IE!!!! It's messing up my footer!

(1 viewing) (1) Guest

Page: 1

TOPIC: I hate IE!!!! It's messing up my footer!

Forum Tools

#4345

I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago	Karma: 0
My footer shows correctly in Firefox but when I look at the site in IE 8 the images are not side by side. I know it's got to be an easy fix but I can't seem to figure it out. Sorry to be such a pain! LOL

CGFestival

Senior Boarder

Posts: 58

The administrator has disabled public write access.

#4346

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago	Karma: 0
No suggestions? =(

CGFestival

Senior Boarder

Posts: 58

The administrator has disabled public write access.

#4347

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago	Karma: 12
Is it only in IE that this is happening? Floating the images left or right should work. But the main issue with IE (for me) is it miss-calculates padding, so if 10px padding looks nice in fire fox and takes up the full width, chances are IE will force the over following images down. whats the link to the troubled site? I can use fire bug to suss it out. :) Fire Bug is awesome

Bambi

Moderator

Posts: 343

The administrator has disabled public write access.

#4348

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago	Karma: 0
The link is www.coastguardfest.org And as far as I know it is just messing up in IE. I tried posting in the joomla forum. Tried the "fix" that was suggested and it didn't fix it. This is so frustrating because I know it has to be something super easy and I'm just not seeing it! LOL

CGFestival

Senior Boarder

Posts: 58

The administrator has disabled public write access.

#4349

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago

Karma: 12

Hey CGfestival,
just having a look at your site now. Let me know if you want a hand resizing images.
If you don't have Photoshop there is Gimp which you can download from www.gimp.org/
it's open-source like Joomla (free basically). Gimp is a little more complicated to learn from scratch, but a few days playing with that software and you'll be able to optimize images for the web like a pro :) Gimp has a forum and helps of documentation docs.gimp.org/2.6/en/

I only bring this up because the main image on your home page took quite a while to load (I am loading it from New Zealand) When inspecting the image i see its a lot larger than when it is displayed on your home page www.coastguardfest.org/images/stories/sponsors/ cover.png
and its also a png. Jpg are best for the web. That png is 500kb or 0.5MB, years ago when internet speed was lower, 50kb was your highest recommended web graphic. The image is basically pushing the same size of a small youtube video :)

Just something to keep in mind.

Bambi

Moderator

Posts: 343

The administrator has disabled public write access.

#4350

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago

Karma: 12

have you tried adding some css along the lines of

#sponsor1 img {
float: left;
}

? sadly I think those images may need to come down a notch for IE to accept them :( as I said before IE's biggest issue is miscalculating padding or the spacial values of HTML elements.

I reckon resizing them all so they're all the same height would look good, and aligning them to the center. A few of them would vary in width a little, but with 0 padding and margin the should fit snugly together.

Wont take me long to do if you want me to do it. But if you're regularly updating the site could be good for you do it :) up to you.

And I hope that helps some what.

Bambi

Moderator

Posts: 343

The administrator has disabled public write access.

#4355

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago

Karma: 19

Hello together,
now I’am back from holiday :-)
Fortunately, on my local mashine the test-page was still running now.

To fix the issue, please go in the backend under Extensions >> Template Manager >> Trans Bear >> Edit HTML
There please search these lines:

<table border="1">
<tr>
<div id="sponsor1"> <a href="www.assuranthealth.com/"><img src="<?php echo $this->baseurl ?>/templates/<?php
...
..
.
</div>
</tr>
</table>

And change the red marked table border to zero.

At last edit the CSS file too and change the sponsor1 to:

#sponsor1{
float:center;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
height: 118px;
width: 980px;

}

On my Test-page it runs. Hope it helps. See the image I attached.

Regards

GermanBear

GermanBear

Moderator

Posts: 441

Last Edit: 2010/07/15 09:46 By GermanBear.

The administrator has disabled public write access.

#4356

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago	Karma: 0
Thank you Bambi! I forgot to post after I re-sized the image and changed it to a jpeg.

CGFestival

Senior Boarder

Posts: 58

The administrator has disabled public write access.

#4357

Re: I hate IE!!!! It's messing up my footer! 1 Year, 10 Months ago Karma: 19

looks great ;-)

In the css file you can delete the lines:

Code:

#sponsor2{

	height: 76px;

        width: 190!important;

	clear:both;

	text-align:center;

	font-size:20px;

	margin-left:2px;

}



#sponsor3{

	height: 76px;

        width: 190!important;

	clear:both;

	text-align:left;

	font-size:10px;

	margin-left:2px;

}



#sponsor4{

	height: 76px;

        width: 190!important;

	clear:both;

	text-align:center;

	font-size:10px;

	margin-left:2px;

}

#sponsor5{

	height: 56px;

        width: 190!important;

	clear:both;

	text-align:left;

	font-size:10px;

	margin-left:2px;

}