Käynnissä

Advanced CSS Based Partial Hovering IFrame XHTML+CSS

Required functionality:

- One web page with a semi-hovering IFrame"window".

- The page must have one main scrollbar (just like most any single frame web pages).

- The page must have a header DIV and a footer DIV.

- The page must use 100% of the browser window width.

- Example of implementation similar to requirement: [url removed, login to view] Note that the "cart summary" and "contact us" area on the right stay put while other areas scroll off screen, when you scroll the page.

- Another (though not as good) example: [url removed, login to view] Note how the video does not scroll offscreen even when you scroll down the whole page.

- The height of the semi-hovering IFrame should be such that it is fully visible while the page is scrolled to the top (i.e. header is visible). Note that this size depends on the browser window size.

- When the page is scrolled all the way down, the IFrame should still be completely visible while the footer is visible.

- You may assume that the header and footer are fixed height, "hard-coded".

- The IFrame must show a vertical scrollbar only if its content is heigher than that of the IFrame's height as defined above.

- The body (between header and footer) of the page should be comprised of 3 colums - rightmost is fixed width, others are sized based on percentage (55% middle, 45% left).

- The semi-hovering window should be in the left column

- When the page is scrolled, the header DOES scroll off page.

- Compatible with IE6+, Current FireFox, Chrome, Safari versions

- SCRIPTLESS as possible. If script is a must, use jQuery wherever applicable.

- Page must realign flawlessly when the user resized the browser window, NO FLICKER or "sliding" frames trying to "catch-up" with browser scroll / resize.

- NO TABLES

- Encoding: UTF-8

- 100% valid html and css, validated by [url removed, login to view]

- Doctype: XHTML 1.0 Transitional

- Note requirement for IE6+ compatibility (i.e. including IE6)...

Deliverables:

Single web page based on one valid html + one valid css file.

Well documented html + css code

Feature complete - partial solution will not be accepted

Thank you.

Taidot: CSS

Näytä lisää: hovering iframe, yahoo tech, w3 validator xhtml, w3 validator, w3 html validator, vertical screen, valid w3, top coded, to advanced, css height jquery, css column width, column width css, apple safari web, advanced css iframe, resize iframe hovering, advanced iframe xhtml, jquery yahoo tech ticker fixed, resize iframe xhtml, css partial scroll, css store, ticker, resize video, code a html footer for us, Apple script, html page resize

Tietoa työnantajasta:
( 2 arvostelua ) Modiin, Israel

Projektin tunnus: #524358

Myönnetty käyttäjälle:

khanhhuyna

Undertand and can do this! Thanks

99 $ USD 3 päivässä
(35 arvostelua)
5.7

3 freelanceria on tarjonnut keskimäärin 160 $ tähän työhön

vietcodepro

Please see PMB for detail, thanks.

260 $ USD 2 päivässä
(115 arvostelua)
7.2
sthaprakash07

Dear sir/madam, i am expertise in css/xhtml and design works and can provide 100% satisfaction, I can do your work perfectly and provide you with w3c validated, css based layout, all browser supporting, tableless and c Lisää

180 $ USD 2 päivässä
(158 arvostelua)
7.0
ranacseruet

I can do it.

200 $ USD 5 päivässä
(4 arvostelua)
3.4