Hi,
I saw earlier a thread about showing and hiding Divs and BonRouge overed a solution. This appear quite, simple and to the point.
I have a page which is using frames because I don't know how to acheive the functionality using just divs.
The page has a left & right sidebar frames & 3 centre frames (header.content,footer). Into each of these I load a page.
When the page is re-sized the following happens:-
1) As width decreases left & right frame shrink and disappear, centre frame are fixed width.
2) As height decreases header & footer frames fixed, content shrinks and scroll bar kicks in if required.
Can this be done using CSS & JS, in a way similar to showing and hiding?
Thanks.This can be done with pure CSS. Are you looking for something like:
<!-- m --><a class="postlink" href="http://www.wdhaven.com/layoutwell/3colheadfoot.htmlThis">http://www.wdhaven.com/layoutwell/3colheadfoot.htmlThis</a><!-- m --> is similar to what I want.
Using frames you can set the left and right frames to shrink/expand whilst the centre one remains a fixed with.
i.e. <frameset rows="*" cols="*,800,*" frameborder="no" >
I cant see to find a way of converting this into CSS/JS to work with Divs.
I saw earlier a thread about showing and hiding Divs and BonRouge overed a solution. This appear quite, simple and to the point.
I have a page which is using frames because I don't know how to acheive the functionality using just divs.
The page has a left & right sidebar frames & 3 centre frames (header.content,footer). Into each of these I load a page.
When the page is re-sized the following happens:-
1) As width decreases left & right frame shrink and disappear, centre frame are fixed width.
2) As height decreases header & footer frames fixed, content shrinks and scroll bar kicks in if required.
Can this be done using CSS & JS, in a way similar to showing and hiding?
Thanks.This can be done with pure CSS. Are you looking for something like:
<!-- m --><a class="postlink" href="http://www.wdhaven.com/layoutwell/3colheadfoot.htmlThis">http://www.wdhaven.com/layoutwell/3colheadfoot.htmlThis</a><!-- m --> is similar to what I want.
Using frames you can set the left and right frames to shrink/expand whilst the centre one remains a fixed with.
i.e. <frameset rows="*" cols="*,800,*" frameborder="no" >
I cant see to find a way of converting this into CSS/JS to work with Divs.