Pressed paragraph in ie

B"H
Hello to everyone I’ve got a very strange problem: Internet Explorer displays the paragraph of my content all pressed in one line : http://ohrtmimimvideo.info/index.php?option=com_content&view=article&id=69%3Alessons-1&catid=25%3Adirshu-hashem&Itemid=100041

using firefox it does not happen. Anyone has a suggestion?
Thanks in advance.

B"H
Thank very much!
I am sorry for my laziness:)

But now another thing: on the main page when you hover main menu
Videos - Chassidic Discourses - … and then the screen widens and you can not reach to the drop down part which leads you to the section of content.

Hi,
I would position the second level dropdown to the left side then. You can do that by changing your left value to -250px on line 117 of template.css

Here is what you have -
line 117 of template.css

#top_wrapper li li:hover ul,
#top_wrapper ul li li.sfHover ul {
[B]left:250px!important;left:250px;[/B]top:-6px;
}

You can place it on the left by doing this -

#top_wrapper li li:hover ul,
#top_wrapper ul li li.sfHover ul {
[B]left:-250px;[/B]top:-6px;
}

B"H
Thanks guys! According to you suggestions I used dir=“rtl” and this seems to be a solution.
But now another thing: on the main page when you hover main menu
Videos - Chassidic Discourses - … and then the screen widens and you can not reach to the drop down part which leads you to the section of content.
http://ohrtmimimvideo.info/:)
Any suggestions. Thanks in advance.

I suspected it had something to do with Hebrew text but I didn’t test it with an English letter.

Very weird indeed! IE never ceases to surprise us. :slight_smile:

Ok, I think I see what it is now. The page is working in IE7 but IE8 wants that <span> floated right.
I had to pull it up with a negative top margin but it works the same in FF and IE now.

<span class="dropcapHeb" style="[B]float: right; margin-top: -30px;[/B]">

Yes I found the same problem as Ray and it actually seemed to be the Hebrew character in the dropcap span that was causing IE8 to break. I changed it to an “A” and it worked. - Very weird!

Floating it seemed to cure the problem though as Ray suggests.

Also IE6 and 7 don’t like you floating the table rows and the list above is vertical in IE6 and IE7. Remove the table and use a normal list with the list elements as display:inline instead.

B"H

Thanks for quick replay. I apllied those changes you suggested but the result remains the same.
About the inline stuff i just put it there for the sake of diognosting the problem and when I set it up B"H I will put to the css file.

The only solution i found so far is to put at least 1 <br/> inside and this sets everything up.
But what is acutually happenning I don’t know.

Hello,

The first thing you should do is remove that 350px height form the div that contains the text. Then you should wrap <p> tags around the text that is actual paragraphs.

If you need to style the div then set a class on it so you can get rid of the inline css and move the styles to your CSS file.

Just for the sake of showing you I changed the 350px height to “auto” so it can expand. Auto is the default anyways so it is not really needed.

See how IE reacts after doing that. :wink:


[B]<div style=[/B]"[B]height:auto; background:#CCC">[/B]
   [B] <p>[/B]
    <span class="dropcapHeb" style="text-align: right;">&#1491;</span>&#1512;&#1513;&#1493; &#1492;&#1493;&#1497;&#1523; &#1489;&#1492;&#1502;&#1510;&#1488;&#1493; &#1511;&#1512;&#1488;&#1493;&#1492;&#1493; &#1489;&#1492;&#1497;&#1493;&#1514;&#1493; &#1511;&#1512;&#1493;&#1489;, &#1493;&#1488;&#1497;&#1523; &#1489;&#1490;&#1502;&#1523; &#1499;&#1514;&#1497;&#1523; &#1502;&#1497; &#1499;&#1492;&#1523; &#1488;&#1500;&#1511;&#1497;&#1504;&#1493; &#1489;&#1499;&#1500; &#1511;&#1512;&#1488;&#1497;&#1504;&#1493; &#1488;&#1500;&#1497;&#1493; &#1491;&#1502;&#1513;&#1502;&#1506; &#1514;&#1502;&#1497;&#1491; &#1489;&#1499;&#1500; &#1511;&#1512;&#1488;&#1497;&#1504;&#1493; &#1499;&#1493;&#1523; &#1493;&#1499;&#1514;&#1497;&#1523; &#1491;&#1512;&#1513;&#1493; &#1492;&#1523; &#1489;&#1492;&#1502;&#1510;&#1488;&#1493; &#1489;&#1494;&#1502;&#1503; &#1513;&#1492;&#1493;&#1488; &#1502;&#1510;&#1493;&#1497;, &#1500;&#1524;&#1511; &#1499;&#1488;&#1503; &#1489;&#1510;&#1489;&#1493;&#1512; &#1499;&#1488;&#1503; &#1489;&#1497;&#1495;&#1497;&#1491; &#1493;&#1497;&#1495;&#1497;&#1491; &#1488;&#1497;&#1502;&#1514;&#1497; &#1489;&#1506;&#1513;&#1512;&#1492; &#1497;&#1502;&#1497;&#1501; &#1513;&#1489;&#1497;&#1503; &#1512;&#1524;&#1492; &#1500;&#1497;&#1493;&#1492;&#1499;&#1524;&#1508;, &#1493;&#1492;&#1493;&#1488; &#1500;&#1508;&#1497; &#1513;&#1488;&#1494; &#1492;&#1493;&#1488; &#1494;&#1502;&#1503; &#1512;&#1510;&#1493;&#1503; &#1493;&#1502;&#1488;&#1497;&#1512; &#1490;&#1497;&#1500;&#1493;&#1497; &#1488;&#1493;&#1488;&#1524;&#1505; &#1493;&#1492;&#1524;&#1492; &#1504;&#1502;&#1510;&#1488; &#1499;&#1489;&#1497;&#1523; &#1500;&#1491;&#1493;&#1512;&#1513;&#1497;&#1493; &#1490;&#1501; &#1500;&#1497;&#1495;&#1497;&#1491; &#1499;&#1493;&#1523;.
    [B]</p>[/B]
[B]</div>[/B]