CSS not matching the content of the script

Discussion in 'CSS' started by Skinzeeteam, May 27, 2008.

  1. #1
    Hi guys, I recently bought a business that integrates a new design into a script called LayeredPanel V2 for free hosting. I have designed the homepage and had it coded with CSS tableless and cross-browser compatibility.
    The content of the script is supposed to follow the CSS of the homepage. As you can see, it´s messed up. I wonder if it´s because there´s something wrong with the CSS or if there´s something wrong in the integration of the new HTML into the script files.
    You can take a look: hostshield dot com

    The homepage is ok and then the FAQ is not aligned and if you log in as a user in Control Panel, all the content of the script doesnt fit inside the design. (for that you have to log in but I dont have permission to give that information, although I show some screenshots of it here)
    I would really appreciate any help. In fact if you need the log in and can resolve it and want to work coding for me in the future, you´re welcome cause i have heaps of work and need a coder who understand the whole process. The coding is basically one page, homepage.

    Please PM me if you´re interested.
     

    Attached Files:

    Skinzeeteam, May 27, 2008 IP
  2. rikun

    rikun Peon

    Messages:
    85
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It kinda looks like your Control Panel on the right side might have position:absolute and right:0px with a fixed width that is bigger than it needs to be.

    If it's not already, set a fixed width to the User Control Panel and a smaller width for the Control Panel and change the position:absolute to position:relative if it is indeed position:absolute. Also add float:left and display:inline to both User Control Panel and Control Panel. You might need to play with the width values a bit to get it all to fit properly. Just by eying it, I'd say that the Control Panel should be around 100-150px maybe.

    You should also add a clearing div after your Control Panel too.

    For example:

    #UserControlPanel {
        width:500px;
        position:relative;
        float:left;
        display:inline;
    }
    #ControlPanel {
        width:100px;
        position:relative;
        float:left;
        display:inline;
    }
    .clear{
        clear:both;
    }
    Code (markup):
    Then in the HTML it should be something like this:

    <div id="UserControlPanel">
        Content
    </div>
    <div id="ControlPanel">
        Content
    </div>
    <div class="clear"></div>
    Code (markup):
    Hopefully, your code looks something like this already so it'd be easier for you to fix.

    -Bryan
     
    rikun, May 28, 2008 IP