Karl`s PC Help Forums Last active: Never
Not logged in [Login ]
Go To Bottom

In memory of Karl Davis, founder of this board, who made his final journey 12th June 2007

Post Reply
Who Can Post? All users can post new topics and all users can reply.
Username   Need to register?
Password:   Forgot password?
Subject: (optional)
Icon: [*]
Formatting Mode:
Normal
Advanced
Help

Insert Bold text Insert Italicised text Insert Underlined text Insert Centered text Insert a Hyperlink Insert E-mail Hyperlink Insert an Image Insert Code Formatted text Insert Quoted text Insert List
Message:
HTML is Off
Smilies are On
BB Code is On
[img] Code is On
:) :( :D ;)
:cool: :o shocked_yellow :P
confused2 smokin: waveysmiley waggyfinger
brshteeth nananana lips_sealed kewl_glasses
Show All Smilies

Disable Smilies?
Use signature?
Turn BBCode off?
Receive email on reply?
The file size of the attachment must be under 200K.
Do not preview if you have attached an image.
Attachment:
    

Topic Review
dr john

[*] posted on 18-2-2008 at 15:08
I'm using FF 2.0.0.12
However, the link in your last post now shows the problem you mention.
But the first link you gave still doesn't. you've obviously got some small difference in there that you've missed.
No sure at all about those silhouettes! Dark shapes are not what I'd expect, especially not if I'm supposed to click on them. The outlines on the right look particularly confusing, IMHO.
SRD

[*] posted on 18-2-2008 at 13:01
What version of FF are you using?

I'm inclined to agree about the bottom, especially as it's not noticeable unless one is really looking.
The colours are temporary, I'm waiting for the client to come up with the colours they want to use, I am using them because the dramatic effect shows up errors in the cleaned edges of the images.

I'm moving towards using silhouettes on the index page with 'real' pictures 'behind' them to click on and take the visitor to the more detailed parts of the site.

In fact I'll upload what I've done so far:
http://myweb.tiscali.co.uk/simonriverdale/MADS/index.html
dr john

[*] posted on 18-2-2008 at 12:18
I don't see any red curtains below the footer.

No-one will notice if the image bottom left is a few pixels off the absolute bottom - they'll think it is meant to be there.

I've not tried editing your code, as the image being that tiny bit higher seems unimportant to me.

PS It's quite an imaginative layout, taking advantage of z-indexes and that hint I gave you (although the colours are a bit strong) and I think most people will be impressed enough by it as it is.
SRD

[*] posted on 18-2-2008 at 08:11
That's interesting, I get a 2 or 3 pixel gap at the bottom of the page in FF 2.0.0.12 which shows as the curtain (i.e. the repeating background URL of the body style). This is below the bottom of my screen and has to be scrolled down to. Using <!-- --> to comment out the image of the screen removes this gap. Increasing the negative margin of the .screen style (applied to that image) by 3px removes the gap between the understage div and the bottom of the page but leaves the image floating 2 or 3 px above the bottom of the backstage div.
dr john

[*] posted on 17-2-2008 at 23:17
Looking at the page you link to above, with the prompt corner thing in place (and before it was added as well),
http://myweb.tiscali.co.uk/simonriverdale/MADS/MADS%203col%20template.html
the footer is still staying at the bottom of the browser window, whatever height of browser window I use, in Firefox v2 and in IE7. Just as it has done ever since I first looked at it on Friday.
I haven't looked at it with IE6 yet.
SRD

[*] posted on 16-2-2008 at 08:02
Quote:
Originally posted by dr john
The footer currently DOES stay at the bottom of the browser window...
Not on the tutorial Faolan suggested if you reduce the centre columns content it doesn't.

Nor does it on my page on FF now I've put the 'prompt corner' in. But I haven't looked at my image margins and padding yet.
dr john

[*] posted on 15-2-2008 at 23:52
The footer currently DOES stay at the bottom of the browser window...
SRD

[*] posted on 15-2-2008 at 21:12
Cracking dr john, I can see I'm going to have to include you in my links pages. waveysmiley

Faolan: I'm not sure the tutorial you suggested will keep the footer at the bottom of the page if the content isn't large enough to force it there so the stage design I'm working with will be so foreshortened it won't make sense.
dr john

[*] posted on 15-2-2008 at 20:51
#proscenium - overflow:visible;
SRD

[*] posted on 15-2-2008 at 20:42
Quote:
Originally posted by Faolan
Firefox doesn't like the z-index on a DIV set to relative... Not sure if that's the fault here as I don't have time to do a proper review.
Ah, I hadn't found that out, there are plenty of whinges about IE not rendering it properly but nary a mention of FF being the same.
Quote:

Also I'm curious as why you are needing to set z-index values?
Because I want the images of the lights to 'hang' over the top of the 'curtains' left and right but still allow the 'stage' (centre content) to rise between them. Given the template I'm using, I'm pretty certain the centre content can't rise into the proscenium (header) area using negative margins as the curtains (left and right columns) will also rise.
In the long term each item will be a link to a relevant page, so the lights divs will link to the techies page, the wings to the actors and stage crew, the prompt corner to the back up support etc.
Quote:

This may help for a three column layout.

http://css.maxdesign.com.au/floatutorial/tutorial0901.htm
Thanks, I'll take a look.
Faolan

[*] posted on 15-2-2008 at 19:34
Firefox doesn't like the z-index on a DIV set to relative... Not sure if that's the fault here as I don't have time to do a proper review.

Also I'm curious as why you are needing to set z-index values?

This may help for a three column layout.

http://css.maxdesign.com.au/floatutorial/tutorial0901.htm
SRD

[*] posted on 15-2-2008 at 19:16
The spotlight images that are floated left and right in the proscenium (header) div aren't showing above the background 'curtains' (right and left columns). I know there is a problem with the way IE handles z-index but I thought that the way it was set up would deal with that. As it isn't working in FF either it must be something I'm doing wrong.
dr john

[*] posted on 15-2-2008 at 19:00
em - what do you see that is wrong, is it browser specific? you could add some trial text to make it easier to check as well.
SRD

[*] posted on 15-2-2008 at 15:56
Will someone please take a look at this:
http://myweb.tiscali.co.uk/simonriverdale/MADS/MADS%203col%20template.html
and tell me where I'm going wrong with the z-index.
the css is here:
http://myweb.tiscali.co.uk/simonriverdale/MADS/mads.css