I got an advice from Esa:
It seems that DIV #novel stays wide open when you close the sidebar.
#novel {margin-top: 5px; margin-left: 5px; width:28%; height:94%;
overflow:auto; }
I think that you don't need any dimensioning of this element. Try simply:
#novel {margin-top: 5px; margin-left: 5px; }
best regards
Esa
And I answered him:
Indeed your solution solved the blackhole.
But (there seems always a but!) I fill up my sidebar normally with 1 till Y
buttons from a route-database and
with a bunch of more then 14 buttons, then the sidebar grows out of space
(vertical).
That was the reason I give it a dimension and a ruler sometimes (overflow:
auto).
You can see this overflow in link:
http://reizigers.jade1.nl/Example2_sidebar_V3.html
I hope you can give me a simple solution for this problem too.
I remember, that with the start of my Maps-V2 site, I programmed the filling
of the sidebar, per 12 buttons starting a new bunch, and a button for
next-page and previous-page.
The solution with a heigth and overflow setting was easier and more
fail-save.
And he answered:
Funny. I am just working on a similar project with the sidebar as a Control
element. I haven't decided yet how to solve the overflow problem.
The problem is even more difficult with devices like iPad which don't have
scroll bars at all.
I will inform if I will find a solution.
Esa
14/03/2011 I wrote him back:
I just solved my overflow problem.
Because my site is for laptop-use, i haven't your problem "no scroll bars",
so maybe it is of no-value for you, but it can give you a new idea.
What i have done:
- I have commented (erased) the CSS-for 'novel' completly.
- Adding javascript height for the 'novel'-div upon start:
1. //* extra 1***********************
2. controlDiv.style.height = "94%";
3. //*******************************
- changed the *me.show* function:
1. me.show = function(){
2. //* extra 2********************
3. controlDiv.style.height= "94%";
4. controlDiv.style.width= "96%";
5. //*****************************
6. leftBar.style.display = "block";
7. openEvent()
8. };
- and the *me.hide* function:
1. me.hide = function(){
2. //* essential! *****************
3. controlDiv.style.height= null;
4. //******************************
5. leftBar.style.display = "none";
6. closeEvent()
7. };
Now I have no blackhole in my map (thanks your advice), and no overflow
thanks the dynamic javascript changing of the height. See link:
http://reizigers.jade1.nl/Example2_sidebar_V3.html
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
