4 replies [Last post]
cdallabetta
Offline
newbie
Last seen: 4 years 26 weeks ago
Timezone: GMT-5
Joined: 2008-12-19
Posts: 8
Points: 5

I am having two issues with a joomla layout in IE8.

If you look at the site persichettis.com in firefox, safari, chrome, opera or flock, everything looks as it should.

In IE8, the top header is overlapped a bit by the content below it and if you click on either "lunch" or "dinner", you will see that the information on that page is below the menu, instead of to the right of it like in every other browser.

Any help or ideas?

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 11 weeks 5 days ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2636
Points: 1554

I checked it in IE8, and

I checked it in IE8, and could not replicate the problem. Oh, and validate your code, you have errors.

sysgenmedia
sysgenmedia's picture
Offline
newbie
Northport Long Island New York
Last seen: 4 years 22 weeks ago
Northport Long Island New York
Timezone: GMT-4
Joined: 2010-02-25
Posts: 3
Points: 3

So, I'm unable to duplicate

So, I'm unable to duplicate the issue that you originally posted about, but I did notice that on the Dinner page the "Sandwiches & Other Favorites" link goes onto two lines and "Favorites" overlaps with the next link which is "Kids".

This appears to be a combination of two styles on the following style:
#leftcolumn ul.menu li a,
#leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a,
#rightcolumn ul.menu li a:link

The problem lies with the use of height:22px; and line-height:22px. Essentially this is constraining all links in the #leftcolumn and #rightcolumn lists to a height of 22 pixels. This is fine as long as each link stays on one line. However, "Sandwiches & Other Favorites" runs onto two lines so it overlaps with "Kids".

Removing the height and line-height from that style seems to fix the issue.

cdallabetta
Offline
newbie
Last seen: 4 years 26 weeks ago
Timezone: GMT-5
Joined: 2008-12-19
Posts: 8
Points: 5

Thank you for catching this

Thank you for catching this and your fix did work!

I was also able to validate my code except for one error in the html and one in the css.

css: line -1?? I don't even know what that means...

and in the html there is one that I seem to be unable to get rid of no matter what I try.

YasminTiara
YasminTiara's picture
Offline
newbie
singapore
Last seen: 4 years 22 weeks ago
singapore
Timezone: GMT+5.5
Joined: 2010-03-17
Posts: 5
Points: 5

Thanx for the info

Thanx for the info