Give this a look see...

[pistol]

Nothing too special. This is just the temporary layout for avatar land, which, once I make more emoticons and message board avatars, should be dead and gone and replaced with something alot cuter. Sadly, I can't currently fit a pay server into my budget, so it's on geocities. v_v.

Anyways, mostly I'm posting this so anyone who notices a bug in a certain browser or resolution can tell me about it. In older browser the CSS file shouldn't show up at all, leaving it mostly boring with a white background and the default text size, text color, and margins.

Once the fulltime layout is finished and uploaded, I'll add in some CSS hacks so it degrades more gracefully in older browsers. Currently I think it shouldn't look quite that great in IE 5.5 even and before, but it shouldn't be totally ruined.

So here's the link: www.geocities.com/avatar_land/

 

[deadserious]

The mark  :D

Hey it looks good Mitch! Nice use of that css and absolute positioning.! Goes to look at your style sheet once more to see how you did that. :D Okay looks and see it would take me a while to figure out all the positioning. Anyways I like it. That's a nice color of orange and it all goes together well.

I thought that @import doesn't work in certain browsers though, not sure?

By the way thanks for the link! :beer:

 

[bobbi]

Site looks good Mitch, okay I dunno if ne one else seen it but I'm using resolution of 800x600, IE 6.0 and on the page to the right it's wider with more grey showing than on the left, I know your not finished with the page, and u probably already knew it. [= Btw love the afro guy lol

 

[pistol]

deadserious- yeah, the @import doesn't work in older browsers, which is precisely why css gurus love it so much, because css looks crappy in older browsers =P

Eventually, I'll have it linked to two seperate css files, one for older browsers, one for newer browsers.

Using the rule of specificity with css, the newer browsers should take the newer more specific css3 link and older ones would take the older less specific css1 link that it understands. the css 1 link would only have css1 selectors and the css 2 selectors that some or most older browsers can parse, the css3 link(the @import one) will have all the newest css. Using that it will degrade better in older browsers.

In the css file for older browsers I'll also add the markup:

#warning {
display: none;
}

then add

<div id="warning">
<p>Your browser is not compliant with web standards and should be updated(or something like that, with a link to where they can upgrade their browser)</p>
</div>

to the html code. That way browsers that can't read CSS at all(or can't read at least that snippet of css) will get that warning, while browsers that can won't show it at all, except with a small space where that text would otherwise be.

If you'd like, I can add that little snippet of CSS to the code section so people will know how to warn people to update their browsers to see a better layout.

bobbi-yeah, that's a bit unavoidable right now, though. i'm going to have to mess with it a bit. the reason i ended up with the extra grey space is because i'm using percentages for the positioning and the widths of the boxes and pixels for the borders and padding (it really doesn't make sense to figure out borders in percentages) so I don't know exactly what percentage the borders and padding are taking up. For the sake of the padding, I just ignored it and let the the page scroll down a bit, i mean, no one's going to complain about a webpage scrolling down. but sideways is another matter, so the borders can't be ignored. I'm sure I can mess around with the percentages a bit to come up with something.

 

[pistol]

I'd also like to add that I intend to put in some more eyecandy. It has room for it, considering of course...well, i'll let this screenshot from the file manager say it:

 

[deadserious]

Originally posted by pistol

If you'd like, I can add that little snippet of CSS to the code section so people will know how to warn people to update their browsers to see a better layout.

Yes that would be a good little code snippet! I would like to see it in there. :webdev:

 

[deadserious]

Originally posted by pistol
I'd also like to add that I intend to put in some more eyecandy. It has room for it, considering of course...well, i'll let this screenshot from the file manager say it:

Yes I think a little eye candy would help it out! :D

 

[DarkDevil]

Mr High-Res user here... I like it. One thing though... The linky banners Colum should have a set width... Once people start viewing it maximized with 1280x1024 it looks a little to wide... just a thought...

 

[pistol]

thanks for the advice. i'm getting hosted though, so i'm trying to think of something better to make! ^_^