Programming Help

Web Development



What's Here?

  • Members: 136,416
  • Replies: 479,108
  • Topics: 74,650
  • Snippets: 2,566
  • Tutorials: 676
  • Total Online: 2,407
  • Members: 118
  • Guests: 2,289

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

Join 136,416 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,407 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
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
+Quote Post

pemcconnell
RE: So I Learned CSS (liquid Question)
21 Aug, 2008 - 07:06 AM
Post #2

D.I.C Regular
Group Icon

Joined: 5 Aug, 2008
Posts: 396



Thanked: 37 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
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 12/2/08 12:52PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month