|
|
Posted by phl on 08/10/07 00:37
On Aug 9, 5:13 pm, Neredbojias <monstersquas...@yahoo.com> wrote:
> Well bust mah britches and call me cheeky, on Thu, 09 Aug 2007 22:48:10
> GMT phl scribed:
>
> > how do you get the div to make space so the horizontal scroll bar does
> > not overlap the text in the bottom? I can just add space after the
> > content but this shows as extra space in Firefox or opera.
>
> That's simple. Use an ie conditional comment so that it only is read by
> ie7.
>
> <!--[if IE 7]>
> <div><br></div>
> <![endif]-->
>
> ...or whatever.
>
> --
> Neredbojias
> Half lies are worth twice as much as whole lies.
I have better description of problem here in code below. It shows the
table inside the div. This table will be created dynamically, so it's
not simple static content like the previous code. The only way I can
get IE not to overlap table text is to set the overflow-x style of the
div to scroll, but then this shows a greyed out scroll bar even when
it not needed. I guess the question at this stage is, is there some
way of geting IE to do this properly, without adding extra space, or
figuring out whether the scroll bar will appear before table is
generated, or do this from javascript after page has been renderd,
this will be the least desirable option as it's slow.
<html>
<header></header>
<body>
<div style="width: 300px; overflow-x: auto ! important; overflow-y:
hidden ! important">
<table border=1 width=100%>
<tr>
<td>
I am going forth with this tutorial even though it
</td>
<td>
is second in the poll results. The reason is that
</td>
</tr>
<tr>
<td>
creating a joomlafied template from an open source template
</td>
<td>
is lot more complicated and it takes me two
</td>
</tr>
<tr>
<td>
days to make one for my site with final touch
</td>
<td>
so that it works fine in all common browsers
</td>
</tr>
<tr>
<td>
and everyone knows the crap IE.
</td>
<td>
http://www.joomlaprodigy.com/administrator/index2.php?option=com_content
</td>
</tr>
</div>
</body></html>
Navigation:
[Reply to this message]
|