Gap after toop slice with IE7 - JoomlaBear Forums-Joomla Bear

Welcome, Guest
Please Login or Register. Lost Password?

JoomlaBear Forums

Templates

JoomlaBear Template Support

Gap after toop slice with IE7

(1 viewing) (1) Guest

Page: 1

TOPIC: Gap after toop slice with IE7

Forum Tools

#1023

Gap after toop slice with IE7 3 Years, 10 Months ago

Karma: 0

I installed Transparent Bliss 1.5 in May and have been working on tweaking it to the way I want it to look ever since. It's pretty much how I want it with Firefox but when viewed with IE 7 there is a gap below the top slice on the left side. I've added a separate CSS file for IE8 but have not been able to figure out what I need to put in it to make the gap go away for IE7. Can anyone point me in the right direction?

Thanks

Tom Esker

tjesker

Fresh Boarder

Posts: 9

The administrator has disabled public write access.

#1024

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 41
Can you post a link?

Big Bear

Administrator

Posts: 1004

The administrator has disabled public write access.

Check out my new Blog!

#1032

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 0
www.indppc.com/ Thanks! Tom

tjesker

Fresh Boarder

Posts: 9

The administrator has disabled public write access.

#1033

Re:Gap after toop slice with IE7 3 Years, 10 Months ago Karma: 41

Had a quick look - that one seems a bit tricky as I can't see anything that would cause it to wig out like that.

Hunch would be that its swmenu - can you try turning the swmenu module off in modules and see it it still puts a space in.

Also noticed you are calling IE6 CSS for IE7? This could be the problem - you probably don't need teh following for IE 7 so can remove teh following lines of code - UNLESS you have put specific IE7 styling in there?

This could be the issue as I recall we had to put some stuff in to cleanup IE6 specific issues only

remove this from index.php and see what happens:

Code:

&lt;!--[if IE 7]&gt;

&lt;style type=&quot;text/css&quot;&gt;

img, div, td { behavior: url(/templates/css

/transparent_bliss_1.5/js/iepngfix.htc); }

&lt;/style&gt;

&lt;link href=&quot;/templates/
transparent_bliss_1.5/css

/template-ie7.css&quot; rel=&quot;stylesheet&quot;
 type=&quot;text/css&quot; 

media=&quot;all&quot; /&gt; 

&lt;![endif]--&gt;



&lt;!--[if IE 7]&gt;

&lt;style type=&quot;text/css&quot;&gt;

img, div, td { behavior: url(/templates/css

/transparent_bliss_1.5/js/iepngfix.htc); }

&lt;/style&gt;

&lt;link href=&quot;/templates/
transparent_bliss_1.5/css

/template-ie8.css&quot; rel=&quot;stylesheet&quot;
 type=&quot;text/css&quot; 

media=&quot;all&quot; /&gt; 

&lt;![endif]--&gt;

Post edited by: Big Bear, at: 2008/07/20 17:10

Post edited by: Big Bear, at: 2008/07/20 17:11<br><br>Post edited by: Big Bear, at: 2008/07/20 17:12

Big Bear

Administrator

Posts: 1004

The administrator has disabled public write access.

Check out my new Blog!

#1034

Re:Gap after toop slice with IE7 3 Years, 10 Months ago Karma: 0

Thank you for your reply. Actually I had this problem before changing to swfMenu or adding the tests for IE7 and IE8 - but I just took out those tests and turned off swfMenu and went back to the default template menus and if you take a look, the gap is still there. I feel certain there must be something I need to add/change in the following CSS but I can't figure out what:

Code:

#leftwrap {

	text-align: left;

	width: 180px;

        height: 500px;

	margin-right: 10px;

        margin-top: 10px; 

	float: left;

}



* html #left { display: inline; }



#left{

	width: 180px;

	background-image: url(../images/left-mid.png); 

	background-repeat: repeat;

        margin-top: 0px; 



}



#leftinner2 .moduletable{

	padding-left: 10px;

        margin-top: 25px; 



}

Thanks much!

Tom

tjesker

Fresh Boarder

Posts: 9

The administrator has disabled public write access.

#1035

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 41
Have you tried removing the IE7 specific CSS as mentioned above?

Big Bear

Administrator

Posts: 1004

The administrator has disabled public write access.

Check out my new Blog!

#1036

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 0
Yes. I took them out and went back to the template's default menus instead of swfMenu as suggested and the gap is still there. Only the original IE6 lines are still there.

tjesker

Fresh Boarder

Posts: 9

The administrator has disabled public write access.

#1041

Re:Gap after toop slice with IE7 3 Years, 10 Months ago Karma: 41

Right....

You have removed a div that was in the original template - my original source code:

Code:

  &lt;div id=&quot;leftwrap&quot;&gt;

    &lt;div&gt;&lt;img src=&quot;/templates/
transparent_bliss_1.5/

images/left-top.png&quot; alt=&quot;top-
slice&quot; width=&quot;180&quot;

 height=&quot;10&quot; border=&quot;0&quot; /&gt;
&lt;/div&gt;

    &lt;div id=&quot;left&quot;&gt;

Yours:

Code:

  &lt;div id=&quot;leftwrap&quot;&gt;

&lt;img src=&quot;/templates/
transparent_bliss_1.5/images/left-

top.png&quot; alt=&quot;top-slice&quot;
 width=&quot;180&quot; height=&quot;10&quot; 

border=&quot;0&quot; /&gt;

    &lt;div id=&quot;left&quot;&gt;

That is the issue.<br><br>Post edited by: Big Bear, at: 2008/07/21 00:20

Big Bear

Administrator

Posts: 1004

The administrator has disabled public write access.

Check out my new Blog!

#1047

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 0
Thank you very much for your help - and for designing this cool template! I added the <div></div> tag back per as it was in your original code but the gap is still there after the top slice image when viewed with Internet Explorer. Any other suggestions?

tjesker

Fresh Boarder

Posts: 9

The administrator has disabled public write access.

#1048

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 41
I'm sure it's that div - I remember putting it in because IE seemed determined to pad the image, but if it was placed in a DIV then all was fine - have you altered any of the css in the IE6 specific style sheet? Thx for the nice feedback :)

Big Bear

Administrator

Posts: 1004

The administrator has disabled public write access.

Check out my new Blog!

#1049

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 0
I got it fixed! It was the <div> tag, but not only did it need to be there but it also had to be on the same line as the <img> tagline. At first when I added it back I added <div> above that line and </div> below it but that did not get rid of the gap. Thanks much for your help. Tom

tjesker

Fresh Boarder

Posts: 9

The administrator has disabled public write access.

#1050

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 41
Fantastic! It's so hard sometimes getting sites to look the same cross browesr - especially when it comes down to IE foibles like that! Good work. Lets us know when you launch.

Big Bear

Administrator

Posts: 1004

The administrator has disabled public write access.

Check out my new Blog!

#1051

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 0
Thanks again and one more thing. Maybe this will help someone else. When I looked at the site in IE8 there were gaps at the top and bottom slices of the leftwrap and right sections and the <div> tags were already there and on the same line as the <img> tagline. I had to add to the <img> tag align="bottom" for the top slices and align="top" for the bottom slices to get the gaps to go away.

tjesker

Fresh Boarder

Posts: 9

The administrator has disabled public write access.

#1053

Re:Gap after toop slice with IE7 3 Years, 10 Months ago	Karma: 41
Thanks for that. In truth i have not even looked at IE 8 yet... I guess we better look at making a few improvements to the template.