The Forum has been Updated
The code has been upgraded to the latest .NET core version. Please check instructions in the Community Announcements about migrating your account.
I have site integrated my forum but body margins won't work in IE7. It looks fine in Firefox and Opera.
My body-CSS:
body { max-width: 1000px;
min-width: 800px;
margin: 0 auto;}
I suspect the tablecode is causing the problem, since margins are OK on pages outside my forum folder. I tried to "css" the table without succes. Do you know the trick?
http://www.adjunkten.dk/forum/default.asp
<moved from="Help: General / Current Version (v3.4.xx)" by="Shaggy" /><
My body-CSS:
body { max-width: 1000px;
min-width: 800px;
margin: 0 auto;}
I suspect the tablecode is causing the problem, since margins are OK on pages outside my forum folder. I tried to "css" the table without succes. Do you know the trick?
http://www.adjunkten.dk/forum/default.asp
<moved from="Help: General / Current Version (v3.4.xx)" by="Shaggy" /><
Postet den
Max-width and Min-width are not supported in IE afaik.
I've worked around this by using an expression:
I'm not sure what the min-width replacement should be, as the code I use only does something with the max-width, but it'll give you an idea to start off with.<
Code:
.maxw {
margin-left: auto;
margin-right: auto;
max-width:1000px;
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
visibility: visible;
text-align: center;}
Postet den
Thankyou, but it doesn't work. Your code is in my css now.
<
<
Postet den
ok, strictly speaking you should not be assigning width attributes to the body tag, add a page container div and size that instead. it does not make sense to size the body tag since the body tag corresponds to the browser window.<
Postet den
Oops, that's right ; in my CSS the above CSS style is not assigned to body, but to a div called maxw.
I've put all content in that div.
Reference: http://oxle.com/uploaded/screen.css<
Postet den
also to set a min-width that works in IE6 and below, use the following.
.maxw {
margin-left: auto;
margin-right: auto;
width:auto !important;
width:800px; max-width:1000px;
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
visibility: visible;
text-align: center;}
that will use auto for the width in FF/IE7 and 800px for the width in IE6 (width in IE6 is allways it's min-width)
also, IE6 does not support margin-auto so you need to do the following
body {text-align: center}
.maxw {
margin-left: auto;
margin-right: auto;
width:auto !important;
width:800px;
max-width:1000px;
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
visibility: visible;
text-align: left;}<
.maxw {
margin-left: auto;
margin-right: auto;
width:auto !important;
width:800px; max-width:1000px;
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
visibility: visible;
text-align: center;}
that will use auto for the width in FF/IE7 and 800px for the width in IE6 (width in IE6 is allways it's min-width)
also, IE6 does not support margin-auto so you need to do the following
body {text-align: center}
.maxw {
margin-left: auto;
margin-right: auto;
width:auto !important;
width:800px;
max-width:1000px;
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
visibility: visible;
text-align: left;}<
