Thanks to Pyro for pointing me to CSS for layout and design, my new site is coming along nicly (not published yet). Have a problem though.
I would like the 'container' div of the site to be atleast, oh, lets say 500px in height. Now, in IE, you can specify this and if the content exceeds 500px, IE resizes. This is not the case in Netscape. Any Suggestions or Help??Hmmm.... You might need to put a cleaner DIV in there after the text. A cleaner div is a blank div with no formatting or any content inside to make the div resize should your content exceed the div's size.
try this
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}but I am having a bit of trouble understanding how a 1px high div with no content will "fill" out the empty space in my container. Unless, ofcourse, that 1 px you placed was intended to be variable. This would be so much easier if the 'min-height' attribute was widely supported, lol
perhaps if you'll explain 'clear: both;' I will grasp the concept of the 'cleaner' div much more easily
edit-----
scrath the 'clear', I RTFM, lol.You can use a CSS hack to get what you want.
#someDiv {
height: 500px; /* If the content flows over the bounds, IE will stretch this div, other browsers won't. */
}
/* Now all browsers are happy */
html>body #someDiv {
height: auto;
min-height: 500px;
}THIS WILL ACTUALLY WORK!!?? If it does, I love you! (ya know............in a platonic way.) I cant check right now b/c I am doing a freaking rewrite! (DO NOT TRUST ANYTHING MICROSOFT WITH YOUR CODE!!!!).
I would like the 'container' div of the site to be atleast, oh, lets say 500px in height. Now, in IE, you can specify this and if the content exceeds 500px, IE resizes. This is not the case in Netscape. Any Suggestions or Help??Hmmm.... You might need to put a cleaner DIV in there after the text. A cleaner div is a blank div with no formatting or any content inside to make the div resize should your content exceed the div's size.
try this
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}but I am having a bit of trouble understanding how a 1px high div with no content will "fill" out the empty space in my container. Unless, ofcourse, that 1 px you placed was intended to be variable. This would be so much easier if the 'min-height' attribute was widely supported, lol
perhaps if you'll explain 'clear: both;' I will grasp the concept of the 'cleaner' div much more easily
edit-----
scrath the 'clear', I RTFM, lol.You can use a CSS hack to get what you want.
#someDiv {
height: 500px; /* If the content flows over the bounds, IE will stretch this div, other browsers won't. */
}
/* Now all browsers are happy */
html>body #someDiv {
height: auto;
min-height: 500px;
}THIS WILL ACTUALLY WORK!!?? If it does, I love you! (ya know............in a platonic way.) I cant check right now b/c I am doing a freaking rewrite! (DO NOT TRUST ANYTHING MICROSOFT WITH YOUR CODE!!!!).