Em Andamento

Two-column CSS/HTML template needed ASAP

Thanks for your consideration of my small project. I am dipping my toe in the water with this and plan to have future project(s) of varying sizes available if this experience is positive. I have generally done most of my own work but am interested in beginning to outsource it. I apparently only know enough CSS to get myself in trouble. Design aspects are not my strong suit.

I believe this is a fairly simple project for someone who works with CSS day-in and day-out, which I do not. I would like to create one HTML page, with a CSS stylesheet, in what is essentially a fairly basic layout. Users' screen sizes and platforms vary and so do browser choices, of course, so those need to be taken into account for maximum compatibility.

Here's the general idea:

- A fixed header at the top (say 160 pixels), a fixed footer at the bottom (say 20 pixels) and two columns between them. Neither the header or footer should move/scroll at all, staying absolutely positioned.

- The left side will be a fixed width (say 210 pixels). The width of the right side is fluid (liquid) taking the remainder of the browser window width.

- The right side is going to be populated with content from various external web pages (but only one at any given time), so the width of those pages and other factors are variable and unknown. I plan to use an IFRAME element to incorporate the external pages but am open to suggestions if using it will create difficulty.

Details:

- The two columns should scroll as one, never independently. Therefore, there should only ever be one vertical scrollbar at the far right of the screen, and only when the page length of either column requires it. (Incidentally, I refer to columns throughout but only because that's how I envision it.)

- Allow full vertical scrolling so that no part of either column is ever inaccessible.

- The types of external pages to be used are generally designed to fit a variable horizontal width, so a horizontal scroll bar should only appear when absolutely necessary; in other words, the external page needs to be constrained to fit within the created IFRAME space (which has an unlimited height and a width of the available browser window to the right of the fixed left column) and not be allowed to sprawl out

Other/attached:

- The HTML page will act as a template and will be used multiple times.

- The header, footer and left column content will be populated manually at first and then via a database.

- The background, border, text colors and so on in the attachment are just an example. There are no particular specifications with regards to these, which can simply be set for white, black, etc. I plan to tweak the colors and sizes (i.e. height of the header/footer and width of the left column) as needed.

- margin:0 padding:0

- I've used [url removed, login to view] in the attachment example to fill the IFRAME. My implementation left me with two vertical scrollbars on the right, which is not correct. This despite, or because of, the fact that the left column renders longer than the right even though the right column should be the longer of the two without the inside scrollbar.

Please let me know if I have left out anything necessary for completion. Much appreciated. Have a great day!

Habilidades: CSS, Formato &Layout, Design de Sites

Ver mais: column css html template, column simple html template, html template columns, column css template, who to design web using html, what is template in c, what can i outsource, website layout using css, web pages template, web pages design template, web page create in html, web design padding, web design html template, vertical web page design, vertical screen, types of web pages design, two column web design, toe design, staying positive at work, padding background, outsource works, outsource website html, outsource website content, outsource template design, outsource small website

Acerca do Empregador:
( 0 comentários ) Marlborough, United States

ID do Projeto: #592088

19 freelancers are bidding on average $64 for this job

sandy1000

expert in css/xhtml works, can do your work perfeclty, have done many similar projects, can provide u with w3c validated, css based layout, cross browser supporting, tablelesss, neat and clean css codes, seo optimized Mais

$50 USD in 2 dias
(258 Comentários)
7.3
VALUEONWEB

I am expert in design and development, ia m exited to start work with you

$50 USD in 0 dias
(73 Comentários)
7.3
dreamsweb

Hello sir please check INBOX

$110 USD em 1 dia
(174 Comentários)
7.1
Msolutions7

Greetings, We are a professional web design studio providing services for Web Templates, Logo & Banner Designs, Print Design, PPT Presentation and Web Development in ASP, PHP and .NET.

$99 USD in 3 dias
(48 Comentários)
6.7
riseofaryan

Hello, I am a creative web designer/css developer. I have gone through your requirement and am interested in working on your website. Please view PM for my past works and other details.

$120 USD in 3 dias
(92 Comentários)
6.7
itcslive

Hi sir, we are a web design, web development expert company. We are offering an efficient, professional, friendly service. Can you check PMB for our skills and discuss with us about your project? Thanks iTcslive. :)

$60 USD em 1 dia
(58 Comentários)
6.7
netdukesinc

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Can start right away. Thanks ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

$30 USD in 0 dias
(157 Comentários)
6.5
radhikafofalia

please see the pmb for details

$60 USD em 1 dia
(27 Comentários)
6.5
shybkar

Right solution from right professional here. Please review pmb. Immediate start. Regard.

$75 USD em 1 dia
(49 Comentários)
6.1
luimaan

Definitely here's the best hello sir i can assure you my best and unique work with my best styles and quality.I am expert and experience in Photoshop, xhtml, web graphic designs, css, php and other programming language Mais

$45 USD em 1 dia
(96 Comentários)
6.0
siddhu1986

Hi, please check PMB for a Demo of your requirement.

$50 USD em 1 dia
(45 Comentários)
5.9
shingweb

Hi, Im a UK based freelancer. I can do this right now for you. Thanks, Dave

$50 USD in 0 dias
(21 Comentários)
5.9
arnygn2009

Dear Client, Please read PMB.

$60 USD in 0 dias
(10 Comentários)
5.6
iscutearun

Please check your PM.

$30 USD in 0 dias
(32 Comentários)
5.4
jongrhapix

Please check private message, thanks.

$100 USD in 2 dias
(6 Comentários)
4.3
JozefII

I can work immediately.

$30 USD in 3 dias
(0 Comentários)
0.0
pioneer414

We can do this for you. If u want us to get things done then please revert. Its the most economical bid that we can provide . Waiting for your positive reply to serve you.

$180 USD in 7 dias
(0 Comentários)
0.0
Ripon23

Hi, I have long time experience in web programming(HTML, PHP, CSS...)But new at getafreelancer. I think its just a simple task. and need just few hours. Thnx.. Ripon

$50 USD em 1 dia
(0 Comentários)
0.0
JMBCCXXVI

Very easy criteria. I can have it created for you by this time tomorrow, exactly how you want it!

$55 USD em 1 dia
(0 Comentários)
0.0
acmihai

Offers an advantages over the iframe. I am open to a long collaboration.

$30 USD em 1 dia
(0 Comentários)
0.0