Log in or Sign up

Building a CSS Template?

Discussion in 'HTML & Website Design' started by scriptmakingman, Feb 3, 2011.

scriptmakingman Active Member

Messages:

280

Likes Received:

4

Best Answers:

0

Trophy Points:

58

#1

Hello All,

I've been working on converting an HTML tables template for a friend to CSS. I'm having issues with the basic layout.

Please look at how I want the CSS layout to look. I'm sure coding this is a breeze for lots of you!

Let me know!
Cheers,
Dale III

scriptmakingman, Feb 3, 2011 IP
Martin K Active Member

Messages:

262

Likes Received:

1

Best Answers:

0

Trophy Points:

53

#2

Here

<style>
body {width:800px; margin:0 auto;}
div {border:1px solid #000;}
#menu {float:left; width:196px; min-height:427px; }
#right {float:right; width:600px;}
.clear {clear:both; height:0; border:0 none;}
#main {float:left; width:400px;}
#header, #slideshow {height:100px;}
#main, #sidebar {height:250px;}
#credit {height:50px;}
</style>
<body>
<div id="header">
header
</div>
<div id="right">
<div id="bread">
breadcrumbs
</div>
<div id="slideshow">
slideshow
</div>
<div id="main">
main
</div>
<div id="sidebar">
sidebar
</div>
<div id="credit">
accreditation
</div>
</div>
<div id="menu">
menu
</div>
<div class="clear"></div>
<div id="footer">
footer
</div>
</body>
Click to expand...

cheers

Martin K, Feb 4, 2011 IP

(You must log in or sign up to reply here.)