1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

site so nearly finished it hurts...

Discussion in 'HTML, Graphics & Programming' started by SooTyLaD, 2 Feb 2006.

  1. SooTyLaD

    Mobster

    Joined: 19 Oct 2002

    Posts: 3,480

    he site is so near completion but the last two issues (which i have had since the beginning) are burning me up :mad:

    http://www.odysseydesigns.com/testingstage

    first up: this faux-columns style problem: if you look at the pages whose content do not reach the bottom of the page

    i have looked into the faux columns thing but that solution is not relevant to my problem, faux columns are for when you have two columns with different backgrounds that extend to different lengths down the page, my background image is already an all-in-one i just need to be able to put a table style height="100%" somewhere to stretch the background to a MINIMUM size, that being the height of the visible screen - i cannot work this out :(

    secondly: the bit at the top around the initial flash anim. displays differntly in IE, in IE the orange bar is higher than it should be (there is meant to be 1px space between the flash anim and the orange bar - perfect in firefox) and its also 1 pixel off to the right :confused:

    it also varies slightly in IE on all the other pages where there is no animation, its just a static gif... here it is different yet again but not quite as bad...

    so there we go, if anyone can help it would be very very very much appreciated.

    Si.
     
    Last edited: 2 Feb 2006
  2. Flanders

    Hitman

    Joined: 2 Nov 2004

    Posts: 571

    Location: London, UK

    For problem number one, add this to your #maincontent (or #primary see which works) and see if it works:

    Code:
    min-height: 400px;
    height: 400px !important;
    height: auto;
    
    Change 400px to whatever you want to be the minimum height.

    :)
     
  3. SooTyLaD

    Mobster

    Joined: 19 Oct 2002

    Posts: 3,480

    i need the height to be liquid tho dont i? that method would only cater for one resolution :(

    is there no variant of % that i can use? i need the footer of the main content section pushed to a minimum of the bottom of the page, further is obviously fine too if the content goes over...
     
  4. Flanders

    Hitman

    Joined: 2 Nov 2004

    Posts: 571

    Location: London, UK

    % doesnt work for height sadly. Cant you just set the minimum height as the height of the content in ths sidebar, as that doesnt change on any page, so that would be the minimum height.

    As you've got that background image as the background of the div rather than the body, I cant see a way round it. Unless you tweak the design abit and round off the bottom with another image as a background of another div.
     
  5. SooTyLaD

    Mobster

    Joined: 19 Oct 2002

    Posts: 3,480

    ok so if i tweak it and do those lines at the bottom using another div which wouldnt be too hard... how do i do it then?

    dont really mind a bit of a workaround just hate the look of it like it is :(
     
  6. Scarylion

    Hitman

    Joined: 21 Oct 2002

    Posts: 535

    not relevant or anything but i like the

    "Built in Australia by Australians."

    bit, made me chuckle ;)
     
  7. Flanders

    Hitman

    Joined: 2 Nov 2004

    Posts: 571

    Location: London, UK

    Very quick mock up in PS, but I meant something along these lines:

    http://www.simplestuff.co.uk/temp/quick.jpg

    You'd have to think about how to go about it, but it may be easier than what you are trying to achieve at the moment.
     
  8. SooTyLaD

    Mobster

    Joined: 19 Oct 2002

    Posts: 3,480

    ive managed to do the column thing by putting the repteated background image in the body tag, but as a result i have lost the stripy line effect that always sat at the bottom of the page :( - the body tag seems to be the only place that recognises where the screen ends...

    CSS is nice sometimes, but others i wish i'd stuck to tables :eek: