Previous Message
Next Message

css for div which forces div aside

Sent by Duncan Hill on 18 February 2010 19:07


On Thu, 18 Feb 2010 14:03:08 -0000, Thijs Hakkenberg  
[EMAIL-REMOVED]> wrote:

> Dear List,
>
> I've got an template roughly like this:
>
> <div id="main">
> <div id="menu_2">content</div>
> <div id="content">content</div>
> </div>
>
> what I want to achieve is that the 'menu_2' div is hidden if there is no
> content in it, and fills 200 px wide if filled, and the content div
> musn't  wrap around it:
>

> the template in question:
> http://magentawinds.eu/fileadmin/template/
>
> Do I need to change the div order? And which CSS would work?
>
> Regards,

Feed the <body> a class when no menu is required such as <body  
class="nomenu">, then in your CSS you can assign different properties to  
the divs depending on the match
#menu2 {width: 200px;}
..nomenu #menu2 {display: none;}

#main { ..... width
..nomenu #main { .... width

Duncan
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


-- 
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: