Irish SEO,  Marketing & Webmaster Discussion

 

Resolutions for Liquid Layouts and JS Libraries

This is a discussion on Resolutions for Liquid Layouts and JS Libraries within the Coding Help forums, part of the Webmaster Help category; Hi guys, I'm in the middle of developing a liquid css layout which gets really skewed up when the user ...


Go Back   Irish SEO, Marketing & Webmaster Discussion > Webmaster Help > Coding Help

Register Forum Rules FAQDonate Members List Calendar Search Today's Posts Mark Forums Read


Notices

Reply

 

LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 30-08-2007, 12:19 PM
Cormac's Avatar
Cormac Moylan
 
Join Date: Jan 2006
Location: Baile Ath Cliath / Corcaigh
Posts: 1,251
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Cormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud of
Send a message via AIM to Cormac Send a message via MSN to Cormac Send a message via Yahoo to Cormac Send a message via Skype™ to Cormac
Default Resolutions for Liquid Layouts and JS Libraries

Hi guys,
I'm in the middle of developing a liquid css layout which gets really skewed up when the user resizes their browser to 800*600 or less. I have heard that some JS libraries such as prototype.js and jquery can help prevent fluid css breaking during browser resizing.

I'm just wondering if anyone has used a similar method or if you know of a tutorial/article demonstrating how to implement this? Google isn't being frienly with her search results thus far!
__________________
blog | Geansaí Gorm - Written entirely in, awful, Irish! | Me on Blue Jumpers
*
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 (permalink)  
Old 30-08-2007, 12:36 PM
SMB.
 
Join Date: Oct 2006
Posts: 454
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
3rigena will become famous soon enough
Default

why are you bothering with liquid layout?
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 (permalink)  
Old 30-08-2007, 12:58 PM
Cormac's Avatar
Cormac Moylan
 
Join Date: Jan 2006
Location: Baile Ath Cliath / Corcaigh
Posts: 1,251
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Cormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud ofCormac has much to be proud of
Send a message via AIM to Cormac Send a message via MSN to Cormac Send a message via Yahoo to Cormac Send a message via Skype™ to Cormac
Default

I'm just after joining the development team and they have been working on the site for the past year using liquid layouts as it was specified by the client.

Obviously a very bad design choice
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 (permalink)  
Old 30-08-2007, 01:26 PM
SMB.
 
Join Date: Oct 2006
Posts: 454
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
3rigena will become famous soon enough
Default

Quote:
Originally Posted by Cormac View Post
Obviously a very bad design choice

aye there are plenty of reasons against Liquid layouts alright (apart from maintaining sanity for the developer(s))

Congrats on the new job b.t.w - I expect you to be freelancing and dominating in due course - and shipping megabucks
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 (permalink)  
Old 30-08-2007, 01:54 PM
Coder
 
Join Date: Feb 2007
Posts: 34
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
eoghanmccabe will become famous soon enough
Default

Quote:
Originally Posted by Cormac View Post
Hi guys,
I'm in the middle of developing a liquid css layout which gets really skewed up when the user resizes their browser to 800*600 or less. I have heard that some JS libraries such as prototype.js and jquery can help prevent fluid css breaking during browser resizing.
You should be able to fix this easily by setting a min-width value of 800px (or other) on the wrapper element of your layout. There are some straight-forward hacks for getting min/max-/width/height to work on IE.

Min-Height Fast Hack
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 (permalink)  
Old 30-08-2007, 09:51 PM
louie's Avatar
Senior Member
 
Join Date: Jan 2006
Location: Dublin, Ireland
Posts: 2,048
Nominated 5 Times in 3 Posts
Nominated TOTW/F/M Award(s): 1
louie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enough
Send a message via Yahoo to louie Send a message via Skype™ to louie
Default

when you work with liquid layouts, you are not supposed to use fix values anymore like width:100px, probably the reason you are having problems now if the browser is manually resized.

if you start in % then you have to work and finish it that way.
the biggest problem that way is padding and margins not rendering the same in some browsers.
__________________
:. Web Design & Development Web Design Ireland
:. Search Engines Optimization Search Engines Optimization
:. Directory Submission Directory Submission
:. News & Press Release Ireland GiveItSocks.com
:. Used Cars Ireland, Car Parts & Car Audio Cars For Sale, Car Parts & Accessories
:. I Have 2 Find It Directory SEF Directory
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

Tags
layouts, libraries, liquid, resolutions

Thread Tools
Display Modes

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
Forum Jump


Sponsored links

Paid On Results


All times are GMT +1. The time now is 05:02 AM.


Powered by: vBulletin Version 3.7.3, Copyright ©2000 - 2008, Jelsoft Enterprises Limited.
Hosted in Ireland by Blacknight - Test your ISP |Irish Hosting Directory| Armchair.ie|Logo by Eden Web Design|Avatars by Afterglow |Latest Blog Entries | VPS HostingAd Management by RedTyger

Search Engine Friendly URLs by vBSEO 3.2.0