Side by side positioning

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.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Oct 19th, 2007, 11:14
Junior Member
Join Date: Dec 2006
Location: London
Age: 20
Posts: 33
Thanks: 0
Thanked 0 Times in 0 Posts
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) )
Reply With Quote

  #2 (permalink)  
Old Oct 19th, 2007, 11:48
AdRock's Avatar
SuperMember

SuperMember
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Side by side positioning

Do you mean like you would wrap text around an image?
Reply With Quote
  #3 (permalink)  
Old Oct 19th, 2007, 11:53
Junior Member
Join Date: Dec 2006
Location: London
Age: 20
Posts: 33
Thanks: 0
Thanked 0 Times in 0 Posts
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?
Reply With Quote
  #4 (permalink)  
Old Oct 19th, 2007, 12:03
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Side by side positioning

I don't get ... maybe it's because I haven't had breakfast yet but ... do you have an image or a link that we might see what you are trying to achieve?
Reply With Quote
  #5 (permalink)  
Old Oct 19th, 2007, 14:01
SuperMember

SuperMember
Join Date: May 2007
Location: UK
Age: 27
Posts: 1,111
Thanks: 0
Thanked 0 Times in 0 Posts
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.
Reply With Quote
  #6 (permalink)  
Old Oct 19th, 2007, 14:17
Junior Member
Join Date: Dec 2006
Location: London
Age: 20
Posts: 33
Thanks: 0
Thanked 0 Times in 0 Posts
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.
Reply With Quote
  #7 (permalink)  
Old Oct 19th, 2007, 15:30
SuperMember

SuperMember
Join Date: May 2007
Location: UK
Age: 27
Posts: 1,111
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Side by side positioning

Use floats. Try this tutorial.

Last edited by MikeHopley; Oct 19th, 2007 at 15:36.
Reply With Quote
  #8 (permalink)  
Old Oct 20th, 2007, 12:49
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
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.
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

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


All times are GMT. The time now is 13:39.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43