A Digital Age Deserves A Digital Leader

Some css div help.

Some css div help.

Postby xxsonyboy4lfexx » Sun Sep 02, 2007 12:25 pm

I have 2 div's but there aren't side by side. How do I get them side by side? Like if it was 2 tds. And what about getting them connected below each other?
Image
PRO Level 8
User avatar
Posts: 315
Joined: Sat Jan 07, 2006 4:42 pm
Location: California

Postby jbullard » Sun Sep 02, 2007 1:01 pm

You need to do something like this.

Code: Select all
.div1
{
float: left;
}

.div2
{
float: right;
}


Make sure that the div's don't overlapp one another as this will also prevent them from being shown side-by-side.
VP - Software
User avatar
Posts: 3653
Joined: Sun Jun 06, 2004 10:17 pm
Location: Utah
Real Name: Jason Bullard

Postby xxsonyboy4lfexx » Sun Sep 02, 2007 10:55 pm

Ok I did that to each div. But now there is a huge gap between them. They stretch to each side of the screen.
Image
PRO Level 8
User avatar
Posts: 315
Joined: Sat Jan 07, 2006 4:42 pm
Location: California

Postby jbullard » Mon Sep 03, 2007 6:29 am

Could you possibly post a link? Normally, I have a wrapper div which wraps the entire contents of my main page. I think you might even be able to float both of them to the left but I can't remember if that will work or not.
VP - Software
User avatar
Posts: 3653
Joined: Sun Jun 06, 2004 10:17 pm
Location: Utah
Real Name: Jason Bullard

Postby xxsonyboy4lfexx » Mon Sep 03, 2007 10:52 am

http://www.thechillroom.com/new_site/
http://www.thechillroom.com/new_site/stylew.css

I am trying to connect those 2 gray things. Then I will have another side on right.
I have barely done anything on my site and already stuck.
Image
PRO Level 8
User avatar
Posts: 315
Joined: Sat Jan 07, 2006 4:42 pm
Location: California

Postby jbullard » Mon Sep 03, 2007 10:59 am

I see what you are trying to do. Check out this page that has 40 different layouts with the css code included.

http://blog.html.it/layoutgala/
VP - Software
User avatar
Posts: 3653
Joined: Sun Jun 06, 2004 10:17 pm
Location: Utah
Real Name: Jason Bullard

Postby xxsonyboy4lfexx » Mon Sep 03, 2007 12:00 pm

Thanks for the site. I am checking it out now. Here is a screenshot of what I am trying to do. Thank you PhotoShop.

http://i64.photobucket.com/albums/h193/ ... tecopy.png
Image
PRO Level 8
User avatar
Posts: 315
Joined: Sat Jan 07, 2006 4:42 pm
Location: California

Return to HTML, CSS, and Scripts

Who is online

Users browsing this forum: No registered users and 5 guests