|
Posted by <talthen.z-serwera.o2 on 09/30/83 11:28
"Neredbojias" <neredbojias@neredbojias.com>
>> one with width=200px and second's width=(100%-200px). Such thing can be
>> easily done using frames and tables, so it must be possible using CSS
>> too!
>> Why do I need it? Because I have a page with menu on the left (it's the
>> first box) and a box with text on the right (it should have
>> width=100%-200px
>> to look good).
>
> Have an outer div with padding-left:200px; and absolutely-position the
> 200 px inner div margin-left:-200px; inside it.
Well... it still doesn't work as desired:
=====
<html>
<head>
<style>
div.menu {position: absolute; margin-left: -170px; top: 0px; width: 130px;
font-size: 13px;
text-align: left; height: 100%;}
div.text {top: 0px; left: 0px; padding-left: 170px; height: 100%;
background-color: red; width: 100%;
float: left;}
</style>
</head>
<body>
<div class="text">
slowo
<div class="menu">
menu
</div>
</div>
</body>
</html>
===
I have validated it with http://jigsaw.w3.org/css-validator/ and it shows
that my code is correct.
However only MSIE and Opera shows it correctly, and Mozillas suck ;/
A tried many combinations of paddings and margins and I am a bit bored.
How can I make it work in Mozillas?
Regards,
Talthen
[Back to original message]
|