Solved

div and background

Posted on 2009-05-04
3
245 Views
Last Modified: 2012-05-06
Hello guys.

My website was done like hundreds years ago :-)

Now I have some time to re-build it using DIVs (no tables).

The min content area is 700 pixels.
On the left side, near to AREAS OF EXPERTISE there is a light green box (empty place-holder that will resize to any screen size) .

My idea is to create a body background to fill only this area or any other suggestion?
The URL of my site is exceptional-freelancer.com

Thanks!
0
Comment
Question by:Refael
  • 2
3 Comments
 
LVL 16

Assisted Solution

by:hankknight
hankknight earned 300 total points
ID: 24294148
To start with, read up on Faux Columns:
http://www.google.com/search?hl=en&q=faux+columns
0
 
LVL 16

Accepted Solution

by:
hankknight earned 300 total points
ID: 24294173
After you understand the concept of Faux Columns / Table-less CSS Layouts, visit these links:

http://csscreator.com/?q=tools/layout
http://www.free-css.com/free-css-layouts/page1.php
0
 
LVL 13

Assisted Solution

by:Brian Withun
Brian Withun earned 200 total points
ID: 24294175
if it were not for that light green region to the left of the AREAS OF EXPERTISE box, I'd say you could have one master DIV which contains the entire page, as I once did with:

http://www.sttimothypcusa.org/

But because you have that one region extending all the way to the left, you can't get away with something so easy.

Maybe you could create two divs side by side, one which contains both the blank left side, and visible site.  The one on the left would only be there to create that light green area, the other div would contain your whole site.  The second div would have to be { float:right }

- Brian Withun

0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

"I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now