This is a discussion on "Side by side positioning" within the Web Page Design section. This forum, and the thread "Side by side positioning are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
Side by side positioning
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
|||
|
Side by side positioning
Basic question i believe.
We have a navigation on the left, content to the right of it. Usually i just use position:absolute; to position it alongside. Theres gotta be a way to just position it so if the navigation is made wider/thinner, the content placement is modified (like it would with height (normal positioning) ) |
|
|
|
||||
|
Re: Side by side positioning
Do you mean like you would wrap text around an image?
|
|
|||
|
Re: Side by side positioning
You could see it like that yes.
Say we have a navigation on the left, content in the middle, then another nav bar on the right, we could put all this within 1 div wrapper cant we? instead of having 3 seperate? |
|
|||
|
Re: Side by side positioning
You'd be better off using a float layout for this. Absolute positioning is both rigid and complicating; avoid deploying it unless you have a precise purpose.
In any case, just leave the width of one container unspecified, or specify it flexibly with the CSS property max-width (ignored by IE6, I'm afraid). That's the general idea, but you'll need to supply details (your code, for example) if you want more specific help. |
|
|||
|
Re: Side by side positioning
Theres no visual difference im trying to achieve really.
Just a difference in css so i don't have to use 'absolute'. www.southeastghosttours.co.uk Simply like that, but without using the absolute tag. |
|
|||
|
Re: Side by side positioning
Use floats. Try this tutorial.
Last edited by MikeHopley; Oct 19th, 2007 at 15:36. |
|
|||
|
Re: Side by side positioning
You can have one wrapper div to hold everything. But you will have to have three other div's within (nested inside). One for left nav, one for content and one for right nav.
|
![]() |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| two divs side by side | nashultz07 | Web Page Design | 10 | Aug 9th, 2007 23:28 |
| Side Column with CSS | Pádraig | Web Page Design | 2 | Aug 8th, 2007 12:36 |
| side bar, OVER sized | paulka | Web Page Design | 6 | Apr 14th, 2007 00:12 |
| pictures side by side | thisandthat | Web Page Design | 3 | May 16th, 2006 00:36 |
| Client-Side VS Server Side Scripting | redev2006 | JavaScript Forum | 1 | Jul 30th, 2005 19:30 |