8 replies [Last post]
newseed
Offline
Regular
Last seen: 13 years 35 weeks ago
Timezone: GMT-5
Joined: 2005-10-04
Posts: 15
Points: 0

Hi folks.

The following site is incomplete but I wanted a few of you to critique it a bit because it is actually my first (pure?) CSS web site.

The only thing I am really concerned about is the left side bar menu. The first time I viewed it, it was hanging over top of the center column (main column) but as soon as I click on something, it goes to the far left like it suppose to do. KEEP in mind that this only occurred the first time you hit the site and it seems to only happen IE, so look for it..Ok?

Otherwise, the pages seem to view fine in IE6, Firefox, Netscape and Opera (all latest version). If anyone views the site in earler versions of the above browsers, please let me know any critical problems that I need to resolve.

Also note that for those that do have javascript enable, you should be able to see an image open auto fit to a new window. Also, if those that do not have javascript enabled or have tab browser, it should still be able to view the image but within the same window and that the user will have to click 'back' each time. Let me know how this is working.

Again, this site is incomplete (especially the contents). I just need to know if the structure of the pages are holding up in the majority of browsers.

sanfordnavalacademy.com

Thanks for you time.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Critque Sanford Naval Academy

Something going wrong with your Class of '76 page but otherwise, seems to check out fine for me in FF & IE6.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

newseed
Offline
Regular
Last seen: 13 years 35 weeks ago
Timezone: GMT-5
Joined: 2005-10-04
Posts: 15
Points: 0

Critque Sanford Naval Academy

Tyssen wrote:
Something going wrong with your Class of '76 page but otherwise, seems to check out fine for me in FF & IE6.

Thanks for the check. The problem was that I opened a section with <div> but I coded to close it using </span>.

Thanks again!

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Critque Sanford Naval Academy

I'm a bit irritated by the footer floating up and down depending on the content of the right bar ...
The way it's displayed on the first side fits exactly the whole browser-window in Safari, 17' TFT Monitor 1280x1024.
Maybe a nice idea to fix the height of the right column?

newseed
Offline
Regular
Last seen: 13 years 35 weeks ago
Timezone: GMT-5
Joined: 2005-10-04
Posts: 15
Points: 0

Critque Sanford Naval Academy

RH wrote:
I'm a bit irritated by the footer floating up and down depending on the content of the right bar ...
The way it's displayed on the first side fits exactly the whole browser-window in Safari, 17' TFT Monitor 1280x1024.
Maybe a nice idea to fix the height of the right column?

Thanks for you time and comments.

I am in the dark when it comes to fixing something to support Safari on Mac machines. If anyone has a work around or a fix that can help those Mac users view the site as it should, please let me know. Your help is greatly appreciated.

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Critque Sanford Naval Academy

As far as I understand your css it's just about giving one of your cols a height (I would suggest the right one orientated at the length of the first page I mentioned above) which gets the footer on one place OR another suggestion may be to attach the footer at the end of the window and set it a high z-index. So the nav is always available no matter the size of the window or the cols. But possibly that way it's destroying your design ...
For the first suggestion depending on the contents of the middle col it might drag the footer also down if you collected enough fotos ... so another solution is to set all cols a height and an automatic scrollbar overflow:auto.
But ... thinking of that maybe my prob solves itself with more content in the middle Wink

newseed
Offline
Regular
Last seen: 13 years 35 weeks ago
Timezone: GMT-5
Joined: 2005-10-04
Posts: 15
Points: 0

Critque Sanford Naval Academy

RH wrote:
As far as I understand your css it's just about giving one of your cols a height (I would suggest the right one orientated at the length of the first page I mentioned above) which gets the footer on one place OR another suggestion may be to attach the footer at the end of the window and set it a high z-index. So the nav is always available no matter the size of the window or the cols. But possibly that way it's destroying your design ...
For the first suggestion depending on the contents of the middle col it might drag the footer also down if you collected enough fotos ... so another solution is to set all cols a height and an automatic scrollbar overflow:auto.
But ... thinking of that maybe my prob solves itself with more content in the middle Wink

So you are saying that if the center column has enough contents that it will keep the footer in place? If that is the case, then I may wait until I get the site entirely done to before tying a fix.

Thanks for the tip!

artcoder
artcoder's picture
Offline
Enthusiast
Last seen: 7 years 44 weeks ago
Timezone: GMT-8
Joined: 2005-07-27
Posts: 69
Points: 0

Critque Sanford Naval Academy

I would add a min-width to the page so that the layout does not become all out of shape when the user resize the browser to be very thin.

To see how you site looks on Safari on the Mac, try iCapture at http://www.danvine.com/icapture/

newseed
Offline
Regular
Last seen: 13 years 35 weeks ago
Timezone: GMT-5
Joined: 2005-10-04
Posts: 15
Points: 0

Critque Sanford Naval Academy

I fixed the error with IE6. Had to insert position: relative; in the #middle ID. I would like for any Mac users to check and see if they still have the same footer problem.

Thanks.