Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Lining up div columns using css
Old 11-03-2010, 11:02 AM Lining up div columns using css
Junior Talker

Posts: 4
Trades: 0
I am having issues trying to line up two separate divs that are next to each other. The divs are within a div for the page, and then they are positioned relative, and floated left, does anyone know a way to get these two divs to become the same size?

Here is where it is located,
http://208.71.168.151/~amicica/

There may be a few x-browser issues, as I haven't worked on fixing any of those issues left.

Thanks,
Brett Adams
3hatsconsulting is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-03-2010, 11:19 AM Re: Lining up div columns using css
Novice Talker

Posts: 13
Name: Timo Rautiainen
Trades: 0
Equal height columns are quite tedious, here are few links on topic

http://www.positioniseverything.net/...ut/equalheight
http://www.alistapart.com/articles/fauxcolumns/

This is the best, but no support for ie7 and 6 (and kind of uses tables)
http://zoffix.com/new/sameheight.html
Lazylegs is offline
Reply With Quote
View Public Profile
 
Old 11-03-2010, 11:21 AM Re: Lining up div columns using css
lynxus's Avatar
Awesomeo-Maximo

Posts: 1,618
Location: UK
Trades: 1
top:xxpx ?
__________________

Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE


lynxus is offline
Reply With Quote
View Public Profile Visit lynxus's homepage!
 
Old 11-03-2010, 11:23 AM Re: Lining up div columns using css
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
take a look at this article:

http://www.ejeliot.com/blog/61

If I understand what you mean, you want your columns of equal height, no? That link tells you the how-to's.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-03-2010, 12:08 PM Re: Lining up div columns using css
Junior Talker

Posts: 4
Trades: 0
Quote:
Originally Posted by Lazylegs View Post
Equal height columns are quite tedious, here are few links on topic

http://www.positioniseverything.net/...ut/equalheight
http://www.alistapart.com/articles/fauxcolumns/

This is the best, but no support for ie7 and 6 (and kind of uses tables)
http://zoffix.com/new/sameheight.html
I haven't been able to get the first link to work

I can't use the faux columns in the second link due to the designs

I have to have xbrowser support so the third item will not work.

Quote:
Originally Posted by lynxus View Post
top:xxpx ?
I am not sure what you mean by this... can you explain a little further

Quote:
Originally Posted by edgray View Post
take a look at this article:

http://www.ejeliot.com/blog/61

If I understand what you mean, you want your columns of equal height, no? That link tells you the how-to's.
Yes I need the columns to be the same height, and this link has much of the same as the others, I saw a JS way to do this, is it reliable or near xbrowser?
3hatsconsulting is offline
Reply With Quote
View Public Profile
 
Old 11-03-2010, 12:48 PM Re: Lining up div columns using css
Junior Talker

Posts: 4
Trades: 0
Ok finally a solution, it isn't a preferred solution as I have to make a few changes to the background colors; and add more code. I made the overall background color of the page div to the color I wanted to fill the remainder of the right column. Then I set the background color of the remainder divs, This is a decent solution, but it won't work for anyone who has any transparent background in their pages.
3hatsconsulting is offline
Reply With Quote
View Public Profile
 
Old 11-03-2010, 12:50 PM Re: Lining up div columns using css
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
Quote:
Originally Posted by 3hatsconsulting View Post
Ok finally a solution, it isn't a preferred solution as I have to make a few changes to the background colors; and add more code. I made the overall background color of the page div to the color I wanted to fill the remainder of the right column. Then I set the background color of the remainder divs, This is a decent solution, but it won't work for anyone who has any transparent background in their pages.
looks good.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-03-2010, 12:54 PM Re: Lining up div columns using css
Junior Talker

Posts: 4
Trades: 0
Thanks, I just wish I could have solved it by getting it to have the same heights.
3hatsconsulting is offline
Reply With Quote
View Public Profile
 
Old 11-03-2010, 12:58 PM Re: Lining up div columns using css
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
try this article.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Reply     « Reply to Lining up div columns using css
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.33421 seconds with 12 queries