For those of you that need a minimum width set for whatever reason, most browsers understand the style of “min-width:1024px”. In this case, 1024 would be how wide you need it.
Typically, this min-width style is used to prevent inline DIV tags from wrapping. Min-width works great for most modern browsers, but the notorious IE6 refuses to play ball. It’s also still popularly used by large corporations.
This is What I Do
In a HTML template I do this:
<body>
<!–[if IE 6]>
<table class=”ie6fix”>
<tr><td>
<hr class=”ie6fix” />
<![endif]–><div>
Your content!
</div>
<!–[if IE 6]>
</td></tr></table>
<![endif]–></body>
Modifications are made in red.
In the CSS file I add these two lines:
table.ie6fix {width:100%;margin:0;}
hr.ie6fix {border:1px solid #fff; width:1000px;}
In the first line you may need to modify the margins to fit your template. The second line is where you modify the minimum width. Currently it is set to 1,000px. Set the HR color to match your background.
Another trick to this is that you can move the HR within the HTML to the bottom of the template if needed. Just make sure it’s between the ifie6 comment.
This makes the browser show all the contents width based on the horizontal line length as a minimum.
Easy!
ariel (1)
Chris (1)
Curtis (1)
Is it still seen as a major web design faux pas if you use…
[center][table width="800"] webpage content [/table][/center]
?
It works for me…
Guy.
Tables are for data, not layouts. You can find all sorts of comments about that online. Since I’m a usability guy, I will give you the user friendly reasoning.
The reason you want to use DIV tags is because it will allow the user to tab through content in a more expected pattern than a table would give. Another reason is if div coded without a min-width, content can wrap below so it is still easy to read on narrow monitor settings or PDA’s.
Javascript image reload code works fine in FF and IE7, but in IE6 image width appears very small.?
for less hassle and problems use Mozilla hahaha
Boy, does this come in handy! I was searching for answers to liquefy resolution on IE6, just when I came across this. Thanks!
Great hack!! IE6 causes a lot of issues and this solution is a good idea.
Is it still seen as a major web design faux pas if you use
what is best width suitable?