New Topic/Question
Reply
I noticed that when I began work on the portfolio page(again, aligned with the vertical center), thus removing the main content, the sidebar moved from it's supposedly fixed position to the far left near the header/nav.
I'm having a hard time finding exactly what's causing this and I don't quite know how to ensure that the sidebar with stay to the far right regardless of what is (or isn't) in the center.
Here it is live.
<body>
<header>
<logo>
<a href="#"><img src="img/logo.png" alt="whskytngfxtrt logo" height="139" width="158" /></a>
</logo><!-- end logo -->
<nav>
<ul>
<li id="blog"><a href="#">BLOG</a></li>
<li id="work"><a href="#">WORK</a></li>
<li id="about"><a href="#">ABOUT</a></li>
<li id="contact"><a href="#">CONTACT</a></li>
</ul>
</nav><!-- end nav -->
</header><!-- end header -->
<work>
<category>
<ul>
<h1>Web</h1>
<h1>Print</h1>
<h1>Identity</h1>
</ul>
<sidebar>
<dictionary>
<h3><b>hwis-kee tang-goh foks-trot</b></h3>
<h4><p><i>noun</i> 1. the best damn creative studio there ever was</p></h4>
</dictionary><!-- end dictionary -->
<twitter>
<h3>@whskytngfxtrt</h3>
<h4><ul>
<li><a href="#">sometimes i just really love the internet</a></li>
<li><a href="#">sometimes i just really love the internet</a></li>
<li><a href="#">sometimes i just really love the internet</a></li>
</ul></h4>
</twitter><!-- end twitter -->
header {
background: none;
float: left;
margin-top: 123px;
margin-left: 22px;
position: fixed;
width: 158px;
}
main {
float: left;
margin-left: 300px;
margin-top: 310px;
}
work {
float: left;
margin-left: 300px;
margin-top: 310px;
}
sidebar {
border-top: 1px solid #202020;
padding-top: 25px;
float: right;
margin-left: 153px;
margin-top: 295px;
position: fixed;
width: 158px;
}
sidebar dictionary {
position: fixed;
}
sidebar twitter {
list-style-type: none;
position: fixed;
}
I don't see an option to edit, but figured it was worth mentioning that the code I posted isn't the full html/css, just what I thought would be pertinent. If I missed something, let me know and I'm happy to post it.
MultiQuote
| 