PDA

View Full Version : 'BORDER TRICK' Doesn't work??


Jason_Michael
15th Nov 2007, 04:30 pm
Check out my homepage and under the link 'problem with border' is a simple page using the border trick code we did in week 6. I cant get it to work. Why not??

Jason

David
15th Nov 2007, 05:10 pm
Jason, The CSS file isn't loading so I can't see the problem.

Jason_Michael
15th Nov 2007, 06:16 pm
I re-loaded it on the FTP, try now. If not this is it.... #navigation {position:absolute;left:0;width:125px;}#content {border-left:125px solid black;}

David
15th Nov 2007, 11:29 pm
Jason, I still don't see it but starting from first principles, I've put together a simple 3-column layout using the border trick. See it here: http://www.coursestuff.co.uk/DESI1046/examples/week_6_border_trick.html

It works pretty well but there is a slight difference in the margin-top between IE7 and FF. Otherwise, it looks fine. I've left the style in the document head so you can see what's going on.

David
20th Nov 2007, 07:47 pm
If you Google on "3 column layout", you'll find hundreds of solutions but here's one (http://www.tanfa.co.uk/css/layouts/css-3-column-layout-v1.asp) that may be close to what you're looking for.

Jason_Michael
21st Nov 2007, 11:07 am
I sorted it out thanks. Have no idea what went wrong but its okay now.