[css-d] position relative border disappears
I am now desperate enough to post to this list. Everything below refers to the code at: http://obedience4life.com/index3.html Disclaimer: The site displays properly only with MSIE. Making it cross-browser is my next project. This is a 3 column layout with a header (id=#header) and footer that span all 3 columns. There is a line which separates #header from the columns (#col1, #col2, #col3) which is actually the top border of the 3 columns. I need to add some absolute positioned content into the #header, but when I add position: relative (it is commented out) to #header, the top border of #col3 goes away. I have tinkered with this for hours and absolutely cannot figure this out. Thanks in advance for looking, Barry Brevik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with floats
I want to thank everyone who posted back on this issue. Now I have a couple of ways to do it. My next task is to understand how they work and what I did wrong g. Thanks again, and sorry that my original message was html; it was an accident. Barry Brevik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Need help with floats
I'm developing a page (only needs to be viewable by MSIE at this time) where there is a div containing 2 images and 2 text blurbs. The upper image is at the top and floats left with the text flowing around it on the right, which mostly works. The lower image is supposed to be opposite; positioned at the bottom and floated right, with the text to the left flowing around the image, but the text does not flow. Would someone have the time to look at this and advise? The page can be viewed here: http://manicreader.com/test.html __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help with div sizing?
Is there a way, with css, to make a FORM and a containing DIV hug the widest form element without specifically dimensioning the widths in pixels? Out of the box, the form and the div take up all of the available width in the browser. Here is a test page demonstrating my dilemma: http://www.manicreader.com/testpage.html TIA, Barry Brevik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with div sizing?
http://www.manicreader.com/testpage.html Use float:left on the DIV#container, then on the element that follows it, use clear:left. Wow, man, that works a charm! To be honest, I don't understand float and clear very well, but you can bet I'll be studying it. Barry Brevik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with div sizing?
http://www.manicreader.com/testpage.html Use float:left on the DIV#container, then on the element that follows it, use clear:left. Wow, man, that works a charm! To be honest, I don't understand float and clear very well, but you can bet I'll be studying it. Oops. I probably should have mentioned that I also want to center the result horizontally in the browser window. After trying a whole bunch of things, I'm going to guess that it can't be done using this method. Barry Brevik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with div sizing?
Oops. I probably should have mentioned that I also want to center the
result horizontally in the browser window.
After trying a whole bunch of things, I'm going to guess that it
can't
be done using this method.
Well how about something like this:
body {
text-align: center;
width: 100%;
margin: auto;
}
#container {
border: 2px solid #ff;
width: 800px;
margin: 0 auto;
text-align: left;
}
#form1 {
border: 1px solid #ff;
}
You can't have float and center at the same time in this situation.
That is a good reply, and it works, but I was trying to get away with
the container div self-sizing to it's content and then having it be
centered without having to specifically dimension it.
Barry Brevik
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
