Previous Message
Next Message

Parallel texts

Sent by francky on 15 March 2006 21:09


Ed Seehouse wrote:

>On 3/15/06, Lars Bruzelius [EMAIL-REMOVED]> wrote:
>  
>
>>For a transcription that I am doing, I need syncronised parallel
>>texts with a dividing line running down the gutter. If I understand
>>the CSS box model correctly, the following CSS would do the trick:
>>
>><style type="text/css">
>>.l {float: left; width: 49.1%; padding-right: 0.1%}
>>.r {float: right; width: 49.1%; padding-left: 0.1%}
>></style>
>>    
>>
>Use "float:left" on all your divs:
>
>><style type="text/css">
>>.l {float: left; width: 49.1%; padding-right: 0.1%}
>>.r {float: left; width: 49.1%; padding-left: 0.1%}
>></style>
>>    
>>
>Better still make them all the same class.
>  
>
Hi Lars:
Yes, - and in case you have to maintain the left- and right-floating 
construction for some reason, you can add a clearing div between each pair.
See testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/test-parallel.htm>.

Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: