|
|
Posted by Chaddy2222 on 08/01/07 07:38
test2000 wrote:
> Hello
>
> I have the following code
>
> <div id="Page" style="width: 300px;">
> <div id="map" style="width: 280px;">...</div>
> <div id="HiddenMenu" style="width: 20px;"> ... </div>
> </div>
>
> CSS definition for DIV "map" --> float: left;
>
> in the DIV "HiddenMenu" is a table which is exactly 20px wide.
>
> Unfortunately the DIV "HiddenMenu" is shown under the DIV "map", not
> to the right as desired. This problems only occures in IE6 and lower,
> not in IE7 or Firefox.
>
Frankly I would not bother supporting IE5.5 or lower, it's a waste of
time really.
> I increased the width of DIV "Page", to 301 and 302. Nothing happened.
> But with a value of 303 the DIV "HiddenMenu" is shown on the right
> side. But now DIV "Page" is 303 wide and there is a gap of 3 pixel
> between the DIV "map" and "HiddenMenu"
>
<snip>
You should use flash if you want perfect pixel design, it's the only
way to do it. HTML is not really designed for that (it's designed to
scale according to window size.)
If you however want to continue down the HTML path, then visit
http://www.htmldog.com and learne how to code properly!.
Here is a free clue, don't assign widths to anything unless they
really need it and then only use % or em units which will scale ok
across various window sizes.
--
Regards Chad. http://freewebdesign.awardspace.biz
Navigation:
[Reply to this message]
|