2 replies [Last post]
Podz
Offline
newbie
Leicester, UK
Last seen: 16 years 37 weeks ago
Leicester, UK
Joined: 2004-03-19
Posts: 1
Points: 0

3 columns. 2 side divs containing links.
Rather than each side bar be a long solid bar, I want boxes for each set of links I add, and for the vertical gap between the boxes to be transparent to the body background

I've done this by using absolute positioning, but this is laborious, and I doubt works well in other browsers / screen res'. Relative positioning is driving me totally nuts - I keep failing.

If this makes not a huge amount of sense, I've knocked an example page together in html using tables.

http://www.tamba2.org.uk/howtodoboxes.html

Many thanks!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 11 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Vertical boxes in a div

Hi Podz,
You could use margin-bottom:value; which would provide the space between the boxes.

Hope that helps

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 34 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Vertical boxes in a div

Here's a quick example I knocked up:

http://pub.c-o2.net/altLinks.htm

One of the problems with this one is that you have to determine the height of the main divs (in order to get an equal alternating pattern and so the centre div has a set height (otherwise it'd only accommodate the height of the content within). But, all of this is fixable given some thought.

Hope it's of some use. Laughing out loud

The next sentence is true. The previous sentence is false. Discuss...