[SOLVED] how to put divs next to each other

This is a discussion on "[SOLVED] how to put divs next to each other" within the Web Page Design section. This forum, and the thread "[SOLVED] how to put divs next to each other are both part of the Design Your Website category.


 Subscribe in a reader

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

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jan 13th, 2008, 13:58
Junior Member
Join Date: Jan 2008
Location: devon
Age: 23
Posts: 19
Thanks: 0
Thanked 0 Times in 0 Posts
[SOLVED] how to put divs next to each other

can anyone tell me if there is another way f putting divs next to each other without floating them both to the left or is there no other way
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jan 13th, 2008, 14:02
Jack Franklin's Avatar
Moderator

SuperMember
Join Date: May 2007
Location: Cornwall, England
Posts: 1,405
Blog Entries: 8
Thanks: 18
Thanked 14 Times in 14 Posts
Re: how to put divs next to each other

Absolute positioning? I dont understand really why you want to know!
__________________
Jack Franklin - Webforumz Moderator
(x)HTML | CSS | PHP | MySQL | JQuery (Javascript)
Contact: My Blog | Twitter | Delicious
Want Lessons? PM me.
If you think I've helped, please press the 'Thanks' Button.
Last Blog Entry: A Week with VBulletin (Aug 28th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jan 13th, 2008, 14:04
Junior Member
Join Date: Jan 2008
Location: devon
Age: 23
Posts: 19
Thanks: 0
Thanked 0 Times in 0 Posts
Re: how to put divs next to each other

as floating it to the left just isnt working for me on this site
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jan 13th, 2008, 14:04
Marc's Avatar
Staff Manager

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 1,794
Thanks: 0
Thanked 17 Times in 17 Posts
Re: how to put divs next to each other

Can we see the site?
__________________
Marc
Staff Manager - Webforumz.com


Want to be a moderator? PM me.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Jan 13th, 2008, 14:05
Jack Franklin's Avatar
Moderator

SuperMember
Join Date: May 2007
Location: Cornwall, England
Posts: 1,405
Blog Entries: 8
Thanks: 18
Thanked 14 Times in 14 Posts
Re: how to put divs next to each other

Make sure the width of the divs is the right size. If they are in a Wrapper of 800px and each is 405px, they will not display next to each other.
__________________
Jack Franklin - Webforumz Moderator
(x)HTML | CSS | PHP | MySQL | JQuery (Javascript)
Contact: My Blog | Twitter | Delicious
Want Lessons? PM me.
If you think I've helped, please press the 'Thanks' Button.
Last Blog Entry: A Week with VBulletin (Aug 28th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Jan 13th, 2008, 14:17
Junior Member
Join Date: Jan 2008
Location: devon
Age: 23
Posts: 19
Thanks: 0
Thanked 0 Times in 0 Posts
Re: how to put divs next to each other

ill upload it i tried Absolute positioning but that didnt work the problem is the ftr keeps going next to the rest of the divs and not staying at the bottom but when i view it it looks fine but in dreamweaver its all next to each other

____

its cool i used float left and then the next box Relative postioning and its workd the ftr stayed at the bottom

____

ha no it stoped my roll overs from working on the nav if i float the nav section the roll overs dont work

____

http://rawfreelance.co.uk theres the link i cant get the div under the nav to go to the left without either the nav roll overs stoping or the ftr jumping to the right side of the wrap

Last edited by Ed; Jan 13th, 2008 at 18:10. Reason: Quadruple Posts
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Jan 13th, 2008, 18:44
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: how to put divs next to each other

Don't use absolute positioning, it's just a regular pain in the butt!
For what you are doing floating is the least complex.

Your solution to your problem is so easy you'll die!

Float the two columns left.
Add to the footer css this code
Code: Select all
clear: both;
-----------------------------------------------------------------------------------
If that doesn't do the trick and keep your footer below the two divs, then put a clear div in

Column code
<div class="clear"></div>
Footer code

Css for this is
Code: Select all
.clear {
	height:1px;
	margin:0 0 -1px 0;
	clear:both;
	overflow:hidden;
}
That will solve all your problems.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Jan 13th, 2008, 18:58
Junior Member
Join Date: Jan 2008
Location: devon
Age: 23
Posts: 19
Thanks: 0
Thanked 0 Times in 0 Posts
Re: how to put divs next to each other

I LOVE YOU hahaha cant believe that worked i thought i was missing a basic CLEAR Thankyou hahaha
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Jan 13th, 2008, 20:44
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: how to put divs next to each other

I love you 2!
:laughing1:
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Jan 13th, 2008, 20:47
alexgeek's Avatar
Moderator

SuperMember
Join Date: Jul 2007
Location: Webforumz 24/7
Age: 15
Posts: 3,812
Blog Entries: 9
Thanks: 2
Thanked 2 Times in 2 Posts
Re: how to put divs next to each other

Everyone loves Linda
Thread solved
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
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
[SOLVED] Gaps between divs :-( danny322 Web Page Design 13 Jan 24th, 2008 10:14
[SOLVED] Im getting a gap between 2 divs :-( danny322 Web Page Design 1 Jan 9th, 2008 08:46
[SOLVED] overlapping divs :-( danny322 Web Page Design 7 Dec 18th, 2007 12:58
[SOLVED] DIVs and Firefox - help! Emzi Web Page Design 4 Oct 4th, 2007 10:42


All times are GMT. The time now is 15:33.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization 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