The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> How to position properly?
Alex McP
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies(1 - 4)
Darin McGrew
post Feb 11 2008, 11:21 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,291
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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
psycosis12
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 11 2008, 11:39 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,291
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Dr Z
post Feb 11 2008, 09:31 PM
Post #5


Advanced Member
****

Group: Members
Posts: 221
Joined: 23-August 06
Member No.: 11



QUOTE(Alex McP @ Feb 11 2008, 08:08 AM) *

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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd March 2019 - 11:23 AM