Hi,

I've studied the whole CSS code of the proposal 3.0
(http://www2.hku.nl/~maarten/external/OpenOffice.org/proposal3.0/). So
here's some tips regarding the code.

Here is the proposal 3.0 on IE 5.01 (SP2):
http://safelyinrussia.com/tmp/miikka/ooowebsite/screenshot_proposal-3.0_ie501.jpg
It consists of three screenshots, as you can notice from the
scrollbar...

As you can see, the dates of the news items are badly streched. This
happens because div.date has been given 'height: 100%'. Just remove it,
it doesn't make any difference.

About the problem Daniel had with the horizontal nav bar: I guess
there's no use to define 'float: left' for all of the div#toptabs
ul.tabs, LI and A elements of the navigation. It should be enough to
define it for the LI elements only. Also give 'clear: both' for
div#banner and div#body just in case.

Regarding the buttons, I think it's not very good to put SPAN inside A.
Make the A element be the frontmost, and give it the SPAN element's
styles. I just think it would be better that way.

Also why give the news section margin-right of 225px? Why not make it
20%, that should do the same thing in a more flexible manner. I don't
think you should change this now, though, since the news part is being
changed.

About the float widths in overall:
Let's imagine we have a DIV that is 400px wide. If it has two floated
elements div#float1 and div#float2 inside it, it's better to leave some
extra room for them. I mean this: don't give them e.g. widths of 150px
and 250px (150+250=400) if you want them to fill the whole 400px space,
but (for example) 140px and 240px (140+240+20=150). That's 20px of extra
room to breathe. This is maybe the cause of the news dates and texts not
lining up (horizontally) next to each others in that IE501 screenshot.
IE5 (and many other browsers) need a few pixels of backup space there,
it's sort of a bug in CSS rendering. The same thing is with % and em
widths.

That would help a bit. Hope I made sense.

More soon, maybe.

Regards,
Miikka Leskinen
miles_fin

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to