Non wrapping div

Squiz Matrix Support
1

Hi,
I want to be able to seaparate out the divs on a standard page so that the text in the second div sits under the first - which only contains a small right aligned image, and doesn't wrap around it.



Is there a setting I can use for that?

Thanks

Catherine

2

Hi Catherine,



The css styles that your site uses in the parse file may have div styles you can apply? If you click on the div properties icon (orange) you are able to set a div id, which your style sheets can specify how it is to be displayed on the page… are you looking for css code examples?

    clear: both;

Hope this helps :slight_smile:

3

clear only works if your divs are floating, ie. float: left … right

4

Yes :slight_smile: you need to be careful when using float and clear… ideally the clearing div does not touch the float… try to use a wrapping div… with and using display: block; on your containing div's (where floats can be used on the individual div's and their contents such as headings and images)

    

    

       contents....
       contents...
    
 
    
    

       contents....
       contents...

:rolleyes: good luck!



nb. this is an interesting read:

CSS3 draft