Site design opinions

[olly86]

can I have your opinions on the basic design of my site: http://wbs.homeip.net

note: this is my third attempt at getting in to Scouting colours, well keeping the design looking good (in my opinion anyway!!)

and is the speed reasonable?

thanks
_________________
Olly

[Glitch2082]

Being a big fan of php, I like your sites choosen language :P.

As for the layout Id choose something like abyss' (which is actually very simalir to yours). And the speed is fine (seeing as is your site doesn't have to many images.

Good job though :D
_________________
int main() {
cout << "Im Pro Apache";
cin.get();
}

[mcwilliams132]

If you put this in your style sheet...you'll be fine...and that "bug" will dissapear...some browsers force a margin/padding on the viewport so you can cancel that out but forcing the body margin/padding to zero.

body {
margin : 0;
padding : 0;

}
_________________
::::::::::::::::::::::::::::::::::::::::::::::::::
:: Jon-Paul LeClair
:: http://mcwilliamsworld.com
:: "Lobster sticks to magnet!"

[olly86]

thanks, that's another bad thing about IE; deliberately needs extra code to sort out it's s*** rendering abilities.
_________________
Olly

[olly86]

if you want to see what the logged in area looks like at the moment use:
username: demo
password: demo

you will only stayed logged in as long as you are the only one using the system

--
I've got another problem with IE and it's "amazing" rendering ability's. The following code should fill the screen from the point where it started to the bottom of the browser window, but it IE it only goes as far as the text goes. Does anyone have a bit of css that could fix this?

[mcwilliams132]

Currently looks okay in IE 6.1sp2 (winxp sp2)

You'd want to set HTML and Body's height to 100%.

such as

html, body {
height : 100%;
}

Then you can set what ever you want to 100% as long as the parent element has a height applied to it.

I wouldn't blame IE too much...every browser has it's faults...you just have to learn their quircks and work around them...

Also the order in which you set the rules can also have an effect on things too.

Personally, I wouldn't worry too much about trying to force a footer to the very bottom of the viewport. If there's too much text...it'll beforced off screen anyways...unless you set an Iframe or set a container div to auto scroll.

I also see you're using AceHTML 6 Pro...not familiar with it but I do see you have a div for just about everything...it's a bit overkill unless you're absolutly possitioning everything - which WILL become a pain-in-the-crack.

Try to stick with natrual HTML/XHTML markup like header tags (which a block level) and paragraph tags...best rule of thumb..keep it simple. If you need a container use one...but the site should look good without the style sheet in place - making it accessable. Should look like a nice outline.

Your "welcome user" text block hides behind your WOOTON BASSET logo when the window is shrunk down. You may want to set the logo as a div background sent to no-repeat so the text will flow over the top of it...or set the z-order of the absolute box higher than the logo...

best places for CSS stuff (at least the main two I hit):

http://www.alistapart.com/
http://www.positioniseverything.net/

best of luck!
_________________
::::::::::::::::::::::::::::::::::::::::::::::::::
:: Jon-Paul LeClair
:: http://mcwilliamsworld.com
:: "Lobster sticks to magnet!"