i could place: #column before #content, and float #column with a 200px width, and just float the rest of #content...
but i want to put: #content before #column, and here's what i have:
<div id='content'>
lksdafljsadfljsalfd
</div>
<div id='column'>
lksdafljsadfljsalfd
</div>
and the css:
div#content {
float: left;
margin-right: 300px; /* 300 just to be safe */
}
div#column {
float: left;
/*width: 200px */ doesn't help either...
}
in theory it should work... #content will give up 300px to the right and the 200px #column should fill in the space... but it doesn't...
<!-- m --><a class="postlink" href="http://www.accessjdm.com/test.htmlAll">http://www.accessjdm.com/test.htmlAll</a><!-- m --> you are saying in your code is that there is a margin from the right browser edge of 300px to your test. The column can't go there because there is nowhere to go. You need to control the width of #content to do what you want to do.hmm... i was letting #content default to display: block as a div to fill in the space so controlling the width would be hard to do i think...
is there a way to do it besides absolute positioning and with #content first?
its not problem at all if #column was first (set width and float it right then float #content right) but i want to try and steer away from that if possible...Have you tried first creating a new page and concentrate only on the problem and if it works there then there is something else quirking in your main pageWhat you want is Liquid layouts using negative margins (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/negativemargins/">http://www.alistapart.com/articles/negativemargins/</a><!-- m -->). This will allow your #column to take up a fixed amount of space and the #content to take up the remaining space, and then allow the #content to come first in the source code.hey thanks toicontien, that'll do it...
but i want to put: #content before #column, and here's what i have:
<div id='content'>
lksdafljsadfljsalfd
</div>
<div id='column'>
lksdafljsadfljsalfd
</div>
and the css:
div#content {
float: left;
margin-right: 300px; /* 300 just to be safe */
}
div#column {
float: left;
/*width: 200px */ doesn't help either...
}
in theory it should work... #content will give up 300px to the right and the 200px #column should fill in the space... but it doesn't...
<!-- m --><a class="postlink" href="http://www.accessjdm.com/test.htmlAll">http://www.accessjdm.com/test.htmlAll</a><!-- m --> you are saying in your code is that there is a margin from the right browser edge of 300px to your test. The column can't go there because there is nowhere to go. You need to control the width of #content to do what you want to do.hmm... i was letting #content default to display: block as a div to fill in the space so controlling the width would be hard to do i think...
is there a way to do it besides absolute positioning and with #content first?
its not problem at all if #column was first (set width and float it right then float #content right) but i want to try and steer away from that if possible...Have you tried first creating a new page and concentrate only on the problem and if it works there then there is something else quirking in your main pageWhat you want is Liquid layouts using negative margins (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/negativemargins/">http://www.alistapart.com/articles/negativemargins/</a><!-- m -->). This will allow your #column to take up a fixed amount of space and the #content to take up the remaining space, and then allow the #content to come first in the source code.hey thanks toicontien, that'll do it...