You are here: Re: Div scrollbar overlapping lower part of table « HTML « IT news, forums, messages
Re: Div scrollbar overlapping lower part of table

Posted by phl on 08/09/07 22:48

On Aug 8, 7:38 pm, Neredbojias <monstersquas...@yahoo.com> wrote:
> Well bust mah britches and call me cheeky, on Thu, 09 Aug 2007 00:53:33 GMT
> phl scribed:
>
>
>
>
>
> > Hello
>
> > I have div element and within it, I have a table. Basically I want to
> > use the Div to restricit the table to a certain width, and if it goes
> > over this width, the user is then presented with a scroll bar.
> > Everything works fine, except in IE7, when the table renders over a
> > certain amount of rows, and the Div displays the scroll bar. The last
> > row of the Table is obscured by the scrollbar created by the div. It's
> > almost like the div did not create extra height for the horizontal
> > scroll bar it displaying. The same problem does not happen in Firefox.
> > The below is the html, I am using:
>
> > <div style="width: 100px;overflow-y: hidden;overflow-x:
> > auto;position:relative;">
> > <TABLE width="100%" align="center">
> > <TR>
> > ...
> > ...
> > </TR>
> > </TABLE>
> > </div>
>
> > Can someone please explain whats going on and a possible work around?
>
> Sounds like an ie bug, but as Adriuenne said...
>
> --
> Neredbojias
> Half lies are worth twice as much as whole lies.- Hide quoted text -
>
> - Show quoted text -


OK, so here's the problem. the entire html is there:

<html>
<header></header>
<body>

<div style="width: 300px; height: 100px; overflow-x: scroll !
important; overflow-y: hidden ! important">
I am going forth with this tutorial even though it is second in the
poll results. The reason is that creating a

joomlafied template from an open source template is lot more
complicated and it takes me two days to make one

for my site with final touch so that it works fine in all common
browsers and everyone knows the crap IE.

http://www.joomlaprodigy.com/administrator/index2.php?option=com_content
</div>


</body></html>

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.

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация