Some css div help.
7 posts
• Page 1 of 1
Some css div help.
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?
- xxsonyboy4lfexx
- Posts: 315
- Joined: Sat Jan 07, 2006 4:42 pm
- Location: California
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.
- jbullard
- VP - Software
- Posts: 3653
- Joined: Sun Jun 06, 2004 10:17 pm
- Location: Utah
- Real Name: Jason Bullard
Ok I did that to each div. But now there is a huge gap between them. They stretch to each side of the screen.
- xxsonyboy4lfexx
- Posts: 315
- Joined: Sat Jan 07, 2006 4:42 pm
- Location: California
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.
- jbullard
- VP - Software
- Posts: 3653
- Joined: Sun Jun 06, 2004 10:17 pm
- Location: Utah
- Real Name: Jason Bullard
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.
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.
- xxsonyboy4lfexx
- Posts: 315
- Joined: Sat Jan 07, 2006 4:42 pm
- Location: California
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/
http://blog.html.it/layoutgala/
- jbullard
- VP - Software
- Posts: 3653
- Joined: Sun Jun 06, 2004 10:17 pm
- Location: Utah
- Real Name: Jason Bullard
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
http://i64.photobucket.com/albums/h193/ ... tecopy.png
- xxsonyboy4lfexx
- Posts: 315
- Joined: Sat Jan 07, 2006 4:42 pm
- Location: California
7 posts
• Page 1 of 1
Return to HTML, CSS, and Scripts
Who is online
Users browsing this forum: No registered users and 5 guests