ansaurus

Question

Answer 1

A:

I think what you want is more like

<div id="main" ... >
  <div id="right" style="float: right; width: 100px;"> Will take up 100 px </div>
  <div id="left" style="margin-right: 100px;"> Will take up the rest </div>
</div>

levik 2010-02-26 00:02:42

thnx. its working now, but is it possible to make the left div width fill whole main div when i remove the right div in this method?

Datis 2010-02-26 00:22:03

@Datis: probably only with a javascript event, there's no if/else in CSS that would allow for conditional logic to be applied (unless it's in CSS3 and I just haven't come across it yet).

David Thomas 2010-02-26 00:25:48

so in this case i should use tables or just write another css rule with separate HTML file ?

Datis 2010-02-26 00:29:38

What do you mean by "remove"? If you're doing it dynamically, with Javascript, you can also dynamically change the style to not have the margin in that same bit of code, as @ricebowl said. But I don't think there's a pure CSS solution that would kick in if DOM were somehow modified.

levik 2010-02-26 00:29:51

maybe i am not explaining it right, something like sidebar that is not in every page. if there is no sidebar the other div fill the whole area...

Datis 2010-02-26 00:35:24

If there's no sidebar, skip the style attribute on the left div when generating the page on the server. That's the easiest solution, and the most robust.

levik 2010-02-26 00:39:12

ansaurus

tags:

views:

answers:

one liquid div with one fixed size div

related questions