Seona
Your page seem to have a problem with horizontal scrolling, I noticed it when I tried
to tab through your menu and
ended up off the main screen after hitting the 'Bathroom' heading... I don't know
enough about CSS (yet :) to work out
why this happens so I hope someone else will be able to help you.
Checked on PC in IE 5.5, Netscape 7.1, Firefox and Opera 7.51 (in the last two
browsers the nav menu didn't work very
well and in the last three browsers the base font comes out much too small)
One more thing... the menu resizes badly in 800x600 res.
cheers
Iza
>>> [EMAIL PROTECTED] 04/07/04 12:36 >>>
Seona,
Messages get missed. People are busy and help when they can. Don't read
anything into it :)
1. your first problem is due to this:
<a name="top"> </a>
Take out the non-breaking space and your columns will sit against the top of
the viewport.
It affected the left and middle column because they are in normal flow and
did not affect the logo in the top right corner as it was absolutely
positioned (out of normal flow). Email me offlist if this is still unclear.
To troubleshoot these sort of problems, the ultimate method is to gradually
delete items off the page until you fix the problem. Then restore gradually
once you have isolated to offending css rule of html code. And yes, there
may be times when the last line left on the page is the offending one. :)
2. your other problem is the bottom left corner. The method you are using
requires you to use a non-transparent top rounded corner image (rather than
a transparent image) otherwise the parent divs background will show through
(as it does in your sample).
You might be better off taking off the orange colour and border off and
applying them using another method.
#specials_panel {
border-right: 2px solid #FFFFFF; /* remove */
background-color: #FFCC00; /* remove */
margin-top: 10px; }
Again, if this makes no sense (writing it a bit of a rush here) email me
offlist
Critiques? Apologies that these are all negative but here goes...
1. Your page suffers from what many refer to as id-it is (unnecessary ids
scattered around the page. Use descendant selectors to achieve the same
result without the need for additional ids
2. The edges of some of your images dither badly against the background
image - leaving a slight halo of unwanted colour. Hard to overcome when
applied on top of a patterned background but if you cut the images out of a
similar colour to the background you will achieve a better result.
3. some issues to do with absolute positioning and static content when the
viewport is very narrow.
4. the right nav dropdown breaks in Safari (haven't tested any other
browser)
HTH and good luck!
Russ
> So I'm left with a few possible conclusions:
> a) The questions weren't on-topic enough to be worth answering - don't think
> this one is the case.
> b) The questions weren't interesting enough to be worth answering.
> c) I'm just chatting to myself here - really hope this one isn't the case.
> Anyway, the page can be seen at:
> http://216.119.123.23
> It's still very much under construction, so most of the links don't work yet
> - just a warning. :)
> The css is at:
> http://216.119.123.23/_styles/sample.css
> So, help, advice and critiques are greatly welcomed.
>
> Cheers,
>
> Seona.
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
