|
|
Posted by Ben C on 12/02/07 21:59
On 2007-12-02, Jonathan N. Little <lws4art@centralva.net> wrote:
> Ben C wrote:
>
>> This was suggested the first time around, but OP wants the picture of
>> the clock and the left, and RENDEZVOUS centered (horizontally and
>> vertically) in what's left of the dark blue bit.
>>
>> Hence the float idea.
>
> Yeah, but the float then makes the vertical alignment problematic and
> viewport|text-size issues.
I agree it makes the vertical alignment more of a bother-- I suggested
an 80px line-height on the container, which does the trick, but requires
hard-wiring 80px which happens to be the same height as the clock image.
The viewport|text-size issues were caused by the width: 25% on the
container (in the OP's original version) and I did suggest a fix for
that (while keeping it at 25%). The float isn't the problem there per
se-- the line will break in a narrower viewport if the image is inline
in just the same way.
Using a background image for the other image as you have done is nice and
simple, but you haven't preserved the 25%/75% ratio the OP wanted
between the blue bit and the image.
Did he really want exactly that is it just something he ended up with? I
don't know. I just try to fix the problem as asked without changing
anything else. Others here are more qualified to comment on design,
accessibility, fluidity, etc.
> Not to mention possible IE bugs.
That goes without saying...
> Sometimes a compromise like: does the RENDEZVOUS *absolutely have to be*
> centered as long as visually there is a bit of padding of blue left and
> right will do? Especially where it is simpler in markup and less likely
> to break.
I think so-- it mostly fills the little blue space it's in anyway, so
centering it is not a dramatic effect. I almost did suggest settling for
left-alignment there, but thought the OP could make up his mind: he can
see that the more exact solution is more complex and decide whether he
wants to live with it.
Navigation:
[Reply to this message]
|