How to position properly? |
How to position properly? |
Alex McP |
Feb 11 2008, 11:08 AM
Post
#1
|
Novice Group: Members Posts: 25 Joined: 24-January 08 Member No.: 4,787 |
Hi, I have a site:
testing site with a fixed width, centered content area. I want the effect of two div’s (#columnB and .slide) to hang out over the edge (to the left and right respectively) I tried absolute positioning first, and realized that they won’t scale with different browser widths. I tried relative, but the “hole” left behind was too large, and when I added new content to columnA, columnB just sunk lower and lower. I want both elements to be pegged to the borders, and not move when anything is resized. What’s the best way to achieve this effect? Thanks so much, Alex |
Darin McGrew |
Feb 11 2008, 11:21 AM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
There are a number of CSS-based 3-column layouts to choose from:
glish.com : CSS layout techniques Max Design - Sample CSS Page Layouts Skidoo : Ruthsarian Layouts The Layout Reservoir - BlueRobot |
psycosis12 |
Feb 11 2008, 11:21 AM
Post
#3
|
Group: Members Posts: 1 Joined: 11-February 08 Member No.: 4,930 |
Ah, o.k. he meant 3 column layouts...I thought he was talkin' about having it just hang over the container div like over-lap it.
This post has been edited by psycosis12: Feb 11 2008, 11:24 AM |
Darin McGrew |
Feb 11 2008, 11:39 AM
Post
#4
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
To be honest, I'm not quite sure what Alex wants. It seems to be a 3-column layout with a particular styling of borders, but I'm not sure what the styling is. Still, the 3-column layout is a better place to start than a fixed-width 1-column layout.
|
Dr Z |
Feb 11 2008, 09:31 PM
Post
#5
|
Advanced Member Group: Members Posts: 221 Joined: 23-August 06 Member No.: 11 |
Hi, I have a site: testing site with a fixed width, centered content area. I want the effect of two div’s (#columnB and .slide) to hang out over the edge (to the left and right respectively) I tried absolute positioning first, and realized that they won’t scale with different browser widths. I tried relative, but the “hole” left behind was too large, and when I added new content to columnA, columnB just sunk lower and lower. I want both elements to be pegged to the borders, and not move when anything is resized. What’s the best way to achieve this effect? Thanks so much, Alex Take a look at ZoneZ concept, it may give you some some ideas and/or some unorthodox alternatives. |
Lo-Fi Version | Time is now: 18th April 2024 - 03:02 AM |