FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


That typical 3-column layout





pevensie
I'd like to make a layout for my site similar to the typical 3-column layouts you see on tons of Harry Potter websites. (like most of these) My site is not an HP-site but I'm trying to get the same kind of feel with it. Does anybody have experience doing those kinds of layouts? I've gotten a header about 700x125 done but I'm not sure what to go on to next.
ml
do you have more problems with the design oder the code?

for valid 3 columns css designs see: ThreeColumnLayouts
ocalhoun
Organize your site like this:

<table border=0>
<tr>
<td>column1</td>
<td>column2</td>
<td>column3</td>
</tr>
</table>

Where columnX=your site's content
ml
ocalhoun wrote:
Organize your site like this:

<table border=0>
<tr>
<td>column1</td>
<td>column2</td>
<td>column3</td>
</tr>
</table>


boo Sad

table layout has almost only disadvantages
pevensie
Yeah, I think generally div layouts are probably better. I'm generally having some problems with the coding - my code often works for a while, then I refresh it without changing anything, and everything seems to pop out of place. I think the link you provided, ml, looks useful - thanks much!
One question, if anyone can answer: I'd like to have one background across the page, with my three columns of nav/content/random stuff centered on the page, changing depending on the monitor resolution. I was thinking of using something like this:
Code:
body { margin: 0px;
background: url('myimage.gif'); }
.contentholder { align: center;
width: 700px;
background: url('mysecondaryimage.gif'); }
.leftcol {
margin-left: 5px;
width: 150px;
ETC ETC ETC }
.content {
margin-left: 160px;
width: 380px;
ETC ETC ETC }
.rightcol {
margin-left: 545px;
width: 150px;
ETC ETC ETC }


and then...
Code:
<div id="contentholder">
<div id="leftcol">
la la la
</div>
<div id="content">
la la la
</div>
<div id="rightcol">
la la la
</div>
</div>


Is that a pretty stable method?
Related topics
That typical 3-column layout
CSS nested divs
Book on CSS
CSS And Tables: The Hype And The Trends
Changing internal data with scripting.
Joomla CSS Help Just like any CSS Help
Okay, I'm done trying to use CSS for layout.
HTML Layout
Snow fall on website
Using <DIV> and <TABLE> both in a layout
CSS Help needed : Table emulation with divs
The CSS Creator site
Make my website beautiful and fast: HOW?
Web Designing
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.