Programming Help

Web Development



What's Here?

  • Members: 132,625
  • Replies: 471,719
  • Topics: 73,138
  • Snippets: 2,541
  • Tutorials: 667
  • Total Online: 1,041
  • Members: 54
  • Guests: 987

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 132,625 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,041 people online right now. Registration is fast and FREE... Join Now!




So I learned CSS (liquid question)

 
 Reply to this topicStart new topic

So I learned CSS (liquid question)
Sonastylol
post 20 Aug, 2008 - 07:42 AM
Post #1


D.I.C Head

**
Joined: 15 Dec, 2007
Posts: 124


My Contributions
Hey, so I learned CSS last night.
I created a layout, how do I make it liquid now from absolute positioning?


I uploaded it here for you to see:
http://www.progressiongames.com/pgindex.html
http://www.progressiongames.com/style.css
User is offlineProfile CardPM

Go to the top of the page

pemcconnell
post 21 Aug, 2008 - 07:06 AM
Post #2


D.I.C Regular

Group Icon
Joined: 5 Aug, 2008
Posts: 394



Thanked 35 times

Dream Kudos: 75
My Contributions
liquid layouts just tend to use % as a pose to fixed width.

e.g.

CSS:
CODE

html, body { margin:0; padding:0; }

#pageContainer { position:absolute; top:0; left:0; bottom:0; right:0; }

#column1 { float:left; width:33%; }
#column2 { float:left; width:34%; }
#column3 { float:left; width:33%; }


HTML:
CODE

...
<body>
<div id="pageContainer">

<div id="column1">left</div>
<div id="column2">middle</div>
<div id="column3">right</div>

</div>
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 11/23/08 03:28AM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month