Mobile app version of vmapp.org
Login or Join
Cugini213

: Positioning to create layout So the HTML is divided using divs obviously ... <div id="left"> content </div> <div id="right"> content </div> <div id="main"> content </div>

@Cugini213

Posted in: #Css

So the HTML is divided using divs obviously

...
<div id="left">
content
</div>
<div id="right">
content
</div>
<div id="main">
content
</div>
...


I would like to create a layout using CSS that gives us three columns.

| | | |
| | | |
| left | main |right |
| | | |
| | | |


The trick is that I would like the main part to be centred and 60% of width.
Left and right to be 20% width.

There will be no images just plain text.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Cugini213

1 Comments

Sorted by latest first Latest Oldest Best

 

@Moriarity557

There are lots of tutorials out there fore creating three column layouts, either fixed widths or flexible, fluid columns like you've asked for.

This is a good tutorial with a range of different layouts that should help you get started.
matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme