Posted by dorayme on 07/24/06 07:15

In article <p5p8c2hf14jofqa01qev1pagr20q159nc0@4ax.com>,
Andrew <sorry.no.email@post_NG.com> wrote:

> Hi,
>
> I was hoping for some comment on work I have started with (mostly)
> parallel text:
>
> http://www.andrews-corner.org/greek/greek_online.html
>
> I have used two left floated divs, both containg preformatted text to
> keep the content parallel at a relatively conservative screen size.
> There is however a vertical displacement with a smalerl window. (I
> think is perhaps not all that disastrous: both texts are still
> presented, I will simply not mark it as 'Parallel Text' :-)
>
> I am a little puzzled as to why I cannot get borders to show on these
> floated elements?
>
> Any comments will be gratefully received,
>

This is starting to get it:

#greekverseL {
margin:0;
float: left;
width: 40%;
padding-left: .5em;
padding-right: 1em;
border:1px #ccc solid;
}
pre.greekverseL {
font-size:100%;
font-family: "New Athena Unicode", Gentium, "Palatino Linotype",
"Lucida Grande", Galilee, "Arial Unicode MS", sans-serif;
line-height: 2em;

}

#greekverseR {
margin:0 0 0 50%;
padding-left: .5em;
width: 40%;
}

pre.greekverseR {
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times,
serif;
line-height: 2em;
}

It looks too complicated for me, your code, I would not use the
pre stuff but maybe you know better...You seem not to actually
set borders. With floats, margins are important. Take a look and
maybe play further.

--
dorayme

[Back to original message]