Hi, I'm new to the list although I used to lurk on here a few years ago
I've got a problem with a CSS layout.
It works fine in Safari and Firefox, but in IE the footer (#footer)
completely disappears.
Im also having problems lining up the menu and content on different
browsers - does anyone have a solution?
You can view the page here:
http://www.deepdesign.biz/deepdesign2/index2.html
I've pasted the relevant code below in case anyone can see anything
obvious.
Thanks in advance - I've tried so many combinations of float,
absolute and relative positioning I've run out of ideas.
J
<!-- html -->
<body>
<div id="page">
<div id="logo">
<img src="images/logo.gif" alt="Logo" />
</div>
<div id="top">
</div>
<div id="main">
<div id="rightcolumn">
<ul id="nav">
<li><a href="index.html">welcome</a></li>
<li><a href="porfolio.html">portfolio</a></li>
<li><a href="websites.html">websites</a></li>
<li><a href="blogs.html">blogs</a></li>
<li><a href="branding.html">branding</a></li>
<li><a href="print.html">print</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<div id="content">
<h1 id="pageheader">welcome to deep design</h1>
<p id="intro">Document-centric projections unfetter traditional
auditing practices <a href="portfolio.html"> rivaling central</a>
process management. Advanced functionality, easy administration,
proclaim the hallmarks of unprecedented opportunity. Iteration
systemwide engenders economies of scale, cross-media technology,
presentation action items and life cycle replication</p>
<dl id="portfolio">
<dt>
<h2>colour inspiration</h2>
<div id="images">
<div id="image1"></div>
<div id="image2"></div>
<div id="image3"></div>
</div>
<dd>
<p>Conceptualizing random endpoints in a access matrix provides reach
extentions enterprise wide. Respective divisions historically
insignificant, upscale trendlines in a management inventory analysis
survivabilty format.</p>
<p>Document-centric projections unfetter traditional auditing
practices rivaling central process management. Advanced
functionality, easy administration, proclaim the hallmarks of
unprecedented opportunity.
Iteration systemwide engenders economies of scale, cross-media
technology, presentation action items and life cycle replication.</p>
</dd>
</dt>
<dt>
<h2>a deep design</h2>
<dd>
<p>Conceptualizing random endpoints in a access matrix provides reach
extentions enterprise wide. Respective divisions historically
insignificant, upscale trendlines in a management inventory analysis
survivabilty format.</p>
<div id="images">
<div id="image4"></div>
<div id="image5"></div>
<div id="image6"></div>
</div>
<p>Document-centric projections unfetter traditional auditing
practices rivaling central process management. Advanced
functionality, easy administration, proclaim the hallmarks of
unprecedented opportunity.
Iteration systemwide engenders economies of scale, cross-media
technology, presentation action items and life cycle replication.</p>
</dd>
</dt>
</dl>
</div>
<!-- content closing tag -->
<div id="footer"></div>
</div> <!-- main closing tag -->
</div> <!-- page closing tag -->
</body>
<!-- css -->
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#page {
width: 770px;
height: 100%;
}
#logo {
position: absolute;
left: -600px;
}
#top {
float: left;
width: 770px;
height: 421px;
background: url(images/deeptop.jpg);
}
#main {
float: left;
position: absolute;
top: 421px;
left: 0px;
width: 770px;
background: url(images/deepbgtile.jpg);
}
#rightcolumn {
float: right;
position: absolute;
top: -50px;
left: 550px;
width: 80px;
}
#nav {
list-style: none;
font-family: "Helvetica Neue", Verdana, sans-serif;
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #CCCCCC;
letter-spacing: -1px;
}
#content {
float: left;
position: relative;
top: -80px;
width: 350px;
margin-left: 140px;
}
#content dl {
margin-left: 0px;
position: relative;
top: 10px;
}
#content dt {
height: 30px;
border-bottom: solid 1px #CCCCCC;
}
#content dd {
margin-left: 0px;
font-family: "Helvetica Neue", Verdana, sans-serif;
color: #666666;
font-size: 12px;
line-height: 17px;
}
#footer {
clear: both;
float: left;
width: 770px;
height: 125px;
background: url(images/bottom.jpg);
background-repeat: no-repeat;
}
--------------------------
James Cutts
Deep Design
Mobile 07941 208097
Office 0208 6709031
e: [EMAIL PROTECTED]
w: http://www.deepdesign.biz
____ The WDVL Discussion List from WDVL.COM ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] or
use the web interface http://e-newsletters.internet.com/discussionlists.html/
Send Your Posts To: [email protected]
To change subscription settings, add a password or view the web interface:
http://intm-dl.sparklist.com/read/?forum=wdvltalk
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
To unsubscribe via postal mail, please contact us at:
Jupitermedia Corp.
Attn: Discussion List Management
475 Park Avenue South
New York, NY 10016
Please include the email address which you have been contacted with.
