Viewing Dynamic Footer?
Dynamic Footer?
|
User: darrendixie123456789 12 years ago
|
|
|
I have some pages that use tabs and containers (using iFrames, linking to other pages) - See image attached. The various tab containers have different lengths and as a result, the footer at the bottom of my page can sometimes be miles away from the rest of the page content. I have had to make the page large enough that the longest container doesn't cover up the footer and look ugly. Like wise, I don't want all of the containers to be the same size for the iFrames to always offer a scroll for content as this too can look a little ugly, depending on what is being displayed. Again, see image attached. Would it be possible develop footers that dynamically move with objects changing size on a page?... I guess dynamically changing the page size. I have just read posts on Static/Fixed headers too. Some kind of tick box next to the Header Height to 'Fix' the header would be welcome. Please see example of this for a mobile site below: |
|
 tabs.tiff  footer and container gap.tiff  photo 2.PNG |
|
|
User: Roddy 12 years ago
|
|
|
I would imagine that the option for fixing the header (and footer) would be fairly easy to implement in EasyWeb but adding dynamic content not so much! When you create a web page using HTML, an object is positioned on the page by its position in the HTML relative to the other objects. The page has no finite length so objects can move up and down freely as another expands and contracts. In a drag and drop app, the objects are positioned absolutely to allow users to drag stuff around. The page height is fixed along with all the objects so it is not possible to allow objects to be pushed around by others expanding and contracting. When you are using objects that expand - such as accordions, jquery-more etc - all you can really do is to either omit any objects below them or make sure that they have a higher z-index to expand over the top of them. When I first started to use iWeb I couldn't figure out why objects loaded at random in the browser until I looked at the the actual HTML. If you add an object at the bottom of the page and then drag it to the top it is still at the bottom of the HTML file so the browser doesn't load it first as you would expect. This is one reason why pages made with a drag and drop app will always be less efficient than those using code. By using EasyWeb's code injection to implement objects like the tabs and accordions, you are teaching yourself the basics of code. It's not a huge step beyond that to learn a little more about HTML and CSS. Then you can progress beyond the confines of drag and drop to create anything you want and also design fully responsive sites that can be viewed on any device. You are attempting features that the vast majority of users will never even try. It says a lot for EasyWeb that they can be implemented to some extent - if not perfectly! Most people looking at your site would not even suspect that it was created with a beginner level app. It is an excellent example of thinking out of the box and should be an inspiration to other users. When the developers get around to creating a page of example sites, yours should be at the top of the list! ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |