francky wrote:
>Pete Home wrote:
>
>
>>[...] IE is now a real mess, but FF is a lot better!
>>[...] www.cityboxer.com/gambling/betting.htm
>>
>>
>Hi Pete,
>[...]
>See testpage a
><http://home.tiscali.nl/developerscorner/css-discuss/test-betting-a.htm>.
>
>[...]
>See testpage b
><http://home.tiscali.nl/developerscorner/css-discuss/test-betting-b.htm>.
>
>There is some more to do, but I've to excuse for this moment ... lack of
>time...
>Hope to come back soon,
>
>francky
>
Back again,
* Looking in your code: WOW, somebody seems to be afraid to get wet
feet: almost everything is floating! ;-)
Mostly a simple {text-align:left} can position the content of a
<div> to the left side; or it is there already by default. Only
the li's of the nav's and the two columns in the content box
really need to be floating on this page.
That means: the main css of the page can be simplified a lot,
which is easier to handle too!
* The big corner/border images for the content box can be replaced
by 2 small ones, with some other css.
* The fixed width is using only a part of the screen, especially at
bigger resolutions only the half of the screen (or less) is used.
See 1280x1024 screenshot
<http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-cityboxer.jpg>.
*)
But people don't buy heavy inch'ed monitors with big resolutions
to see only a humble part used by a web page...
A more flexible width can use as much of the screen as you wish,
for each reso (from 800x600, without the need of scrolling
left-right): another 1280x1024 screenshot
<http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-cityboxer-test.jpg>.
* The fixed (and rather small) font-size is prohibiting around
80%-85% of the visitors (the IE people) to upscale the font if
they need that (especially at bigger resolutions). The
css-validator better should give a WARNING for this! :-)
Setting the font-size in a relative unit is solving this.
* The 2 OnlineShop images can be combined in 1.
And? Okay, here is the continued story: re-css'd to testpage c
<http://home.tiscali.nl/developerscorner/css-discuss/test-betting-c.htm>.
**)
Even IE6 on Win is quite happy in this way! :-)
Greetings,
francky
*)
Brought back to 900x720px.
**)
The css rules in the test page are adding (or changing) parts of the
rules from the related original stylesheet.
For some css rules I could not escape/change your css; in the test page
some id's and classes have got new names!
Also the not mentioned classes / id's in the html of the test page can
be deleted in the stylesheet.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
