Nav bar postitioning problem

Discussion in 'CSS' started by Herr Gweb, Nov 27, 2007.

  1. #1
    Hi all,

    No CSS wizard here, so maybe you geniuses can help me. I'm having a problem with the left-hand navigation bar dropping below the main center content area in this design seen here:

    http://204.13.252.34/drupal_spineu/

    This site is using Drupal, and this design is a hack of a Drupal theme called "Aberdeen Liquid". The problem occurs at high resolution (1510px horizontal or higher), but doesn't seem to happen at lower res.

    Any ideas on how to fix would be greatly appreciated.

    Thanks!
     
    Herr Gweb, Nov 27, 2007 IP
  2. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If the screen resolution is particularly wide then no, unless you convert it to a fixed width layout.
     
    Crimsonc, Nov 27, 2007 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Ok, I'm seeing the issue in FF at almost every resolution, not just high - the google ad is dropping below the content in IE, the menu completely dissapears under IE6, and the layout is broken on 'large fonts/120dpi' machines in both IE and Opera - and the background isn't covering the whole page under ANY version of IE, so yeah, I'd say you have some problems.

    Let's go down the list... (this is just a general review of the HTML used)


    8 stylesheets targeting "all" - /fail/

    Javascript for god only knows what reason.

    Paragraph around an empty anchor?

    Page header commented out?

    five containers before we even GET to the menu?

    Extra spans for no reason in the menus

    Extra containers around the content area for no fathomable reason.

    Presentational line breaks and HR's...

    GLUT of classitus ('menu1' is particularly bad), multiple calls to google ads (if they don't click on one, they are NOT going to click on three!), whole bunch of footer HTML that makes no sense, footer menu that should be a list, title tags that serve no purpose...

    Yup, that's your typical turdpress template alright... and like most of them I'd have to throw it all out to even APPROACH fixing the issue.
     
    deathshadow, Nov 27, 2007 IP
  4. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #4
    i see no problem AT ALL in IE 7 or Firefox 2.0 and my screen resolution is 1280 x 780. The left hand navigation is NOT below the content area and it doesn't overlap it...I admit I MIGHT be misunderstanding you but if i am not I get no errors.
     
    Crimsonc, Nov 27, 2007 IP
  5. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I have just recieved a pointless PM from some 18 year old who appears not to like me (he knows who he is). For his benefit and yours I will repeat my first post in a more understandable way:

    Your layout is fluid, the wider the screen the less vertical space your posts will take thus your sidebar will go beyond it. Unless you convert your layout to fixed width this will not get resolved, it is logic....

    To his credit he is right in pointing out the code of your theme is horrible.
     
    Crimsonc, Nov 27, 2007 IP