multiflex 1 by Gerhard has been ported!

577 Posts

Carsten Reply #11, 20 years, 2 months ago

Did anybody come up with a fix for IE for this?

Yeah, it does have a problem with IE !!! ughhhhhhhhh

Tangent-Warrior

577 Posts

Carsten Reply #12, 20 years, 2 months ago

Ok, I’d really appreciate if somebody could take a look at this.

http://kamura-trading.com/

IE is just spewing the dropmenu on the left and on the top. .........

HELP embarrassed

Tangent-Warrior

13 Posts

salsachica Reply #13, 20 years, 2 months ago

Hi Carsten,

Maybe this can help, I had the same problem with IE6 and I put this code (to be adapted to your style) at the end of my css style.css. It is solving a part of it because I still have the content showing below the menu when I call Ditto or Newslisting undecided

but the normal documents’contents are showing ok next to the menu. grin

/*text links and image links*/

a, a:link {
	text-decoration: none;
	color: #003399;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;
}
a:visited { color: #003399; 
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;

}
a:hover {
	color: #FFCC66;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;
	background-color: #FFFFFF;


}
a:active { color: #006600; text-decoration: none;}


a img, img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

img a {

	color: #e1e1e1;
	border: 1px solid #FFFFFF;
	background-color: #F7F7F7;
}
img a:hover {

	color: #e1e1e1;
	border: 1px solid #006600;
	background-color: #F7F7F7;
}

If someone else has a better solution, thanks for helping us tongue

All the best.
Nathalie

180 Posts

Pont Reply #14, 20 years, 2 months ago

Hi Carsten!

This is a tricky one. But I think I’ve found a solution to the problems regarding the menus.

First - the border-bottoms that you find on all <a>-elements on the page. This stems from the IE6-only rule in the <head>-element

<!-- base href="http://kamura-trading.com/" --><!--[if lte IE 6]>

<style type="text/css" media="screen, tv, projection">
body { behavior: url(assets/js/csshover.htc); } /* hover:anything support */
#content { margin-left: 22px; } /* to avoid the BMH */
a,a:link { border-bottom-style: solid } /* becuase IE just doesn't dot */
</style>

<script type="text/javascript" src="assets/js/sleight.js"></script>

<![endif]-->

The problem is the declaration for border-bottom-style. This sets the style for every <a>-element on the page. For some reason IE6 interprets this declaration as setting a border-bottom as well. If you take away this line or add

border: 0;

to it the problem is solved.

Second - the problem with the wrong styles applied on the left menu stems from this rule:

.nav-sub li.mtitle {vertical-align: top; margin: 0px; padding: 0px 5px 4px 20px; color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 140%;}

I don’t know why IE6 can’t handle it but if you change this element to a <div>-element (or possibly a header) it works. (Strictly speaking it isn’t a <li>-element as it isn’t within a <ul>-element.)

Third - now there is only the long spaces between the menu items. This is IE having trouble with linebreaks in the code. If you remove the linebreaks in the side menu it should look as intended.

Hope this helps.

577 Posts

Carsten Reply #15, 20 years, 2 months ago

Salsachica and Pont!

Thanks!

I’ve been working away at Pont’s solution and he is right!

However, I’m stuck now on the 3rd step. I’m having trouble with the long spaces.

How do I remove the line breaks?
-- I’ve tried in the TV and in the HTML side but ... no ... would this be in dropmenu itself?

Tangent-Warrior

577 Posts

Carsten Reply #16, 20 years, 2 months ago

Here is the code for the new line fix that Pont mentioned!

TV name:
mfLeftBarSelector

Note, I turned the menu title are into a ul / li setup, hmmm, looks like I had some sloppy html going on embarrassed

@EVAL
$parentget = $modx->getParent();
$parentget = $parentget['id'];

//return $parentget;

if ( $pagelang == $parentget ) {
//	$LimitLevel = '1';
	$LimitLevel = '0';
	$parentget = $modx->documentObject['id'];
} else {
	$LimitLevel = '0';
}

$LeftBarSelector = '<ul><li class="title">[*#menutitle*]</li></ul>';
$LeftBarSelector.='[[DropMenuPlus?&menuName=LeftbarMenu&startDoc='.$parentget.'&levelLimit='.$LimitLevel.'&topnavClass=nav-sub&selfAsLink=true&removeNewLines=true]]';
return $LeftBarSelector;

Now, just a quick question.
I am having almost no problems with anything based on a mac and firefox based on M$. Is it just me now or do other people have the same problem?

5 pictures are supposed to come up on the main page ... are M$ people using IE seeing these?

errr, no this is not to gather hits to the site .... ! ....

Thanks!

pont
thanks!!!! grin

Tangent-Warrior

577 Posts

Carsten Reply #17, 20 years, 2 months ago

hmmm, is this another silly IE bug?

<div class="contentbox-noshading"><a href="index.php?id=5"><img class="" height="" alt="" src="http://kamura-trading.com/assets/images/phot_01.jpg" width="" border="0" /></a> </div>
</div>

I’ve also tried declaring the img class too.

hmmmmmm

Tangent-Warrior

180 Posts

Pont Reply #18, 20 years, 2 months ago

Glad to be able to help you Carsten!

Now considering the missing pictures - the pictures are there. But since you’ve set their widths/heights="" IE interprets it as width/height="0". If you set the correct widths/heights it works.

Also do this

 .nav-sub li a {
...
margin: 0 0 1px 0;
...
}

to get rid of the small differences in space between the menu items. IE seems to have trouble collapsing the margins.

577 Posts

Carsten Reply #19, 20 years, 2 months ago

Pont you’re the man!

Thank you so very much!

Tangent-Warrior

13 Posts

salsachica Reply #20, 20 years, 2 months ago

Thanks Pont,

That’s working great.

Nathalie grin