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
Layout Question: Two Square Columns?
Old 12-01-2008, 10:00 AM Layout Question: Two Square Columns?
Ultra Talker

Posts: 316
Trades: 0
Anyone know the best way to approach this layout?

I want two squares (all sides the same length) that are next to each other horizontally.

I want them to have a liquid size so that they each fill half the browser window whilst always being square.

Any ideas?

Thanks
Joe3000 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 12-01-2008, 12:06 PM Re: Layout Question: Two Square Columns?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,516
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Can't be done with CSS, width yes, keeping the height the same as the width will need javascript.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 12-01-2008, 12:35 PM Re: Layout Question: Two Square Columns?
Ultra Talker

Posts: 316
Trades: 0
Thanks, don't suppose you know of any Javascript tutorials on how to do it?
Joe3000 is offline
Reply With Quote
View Public Profile
 
Old 12-01-2008, 12:57 PM Re: Layout Question: Two Square Columns?
muckle.martin's Avatar
Novice Talker

Latest Blog Post:
Magento webshops
Posts: 10
Name: Martin Muckle
Trades: 0
We are talking about resizing a column? CSS can't handle it as chris said. You need javascript to monitor change in the DIV length / width and modify width / length accordingly.
muckle.martin is offline
Reply With Quote
View Public Profile
 
Old 12-01-2008, 01:30 PM Re: Layout Question: Two Square Columns?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,516
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Code:
document.getElementById("square1").offsetHeight = document.getElementById("square1").offsetWidth;
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to Layout Question: Two Square Columns?
 

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.20749 seconds with 12 queries