Column Headers getting squished.

Column Headers getting squished.

XolinlevhXolinlevh Posts: 10Questions: 0Answers: 0
edited December 2012 in General
So ive finally got my first DataTables program working as i wanted (yay!) but am now having a minor GUI problem. For some reason the top of my columns is getting squished way down. Like this:

http://i50.tinypic.com/331lixi.jpg

Anyone have a thought on this? Thanks!

Replies

  • ulrikeulrike Posts: 39Questions: 1Answers: 0
    You should provide a URL for testing. This is probably a CSS issue.
  • XolinlevhXolinlevh Posts: 10Questions: 0Answers: 0
    Its running on my works internal server so its not really postable, i can post my CSS later this afternoon but its HUGE as its a pre-configured one for all our company internal websites.
  • XolinlevhXolinlevh Posts: 10Questions: 0Answers: 0
    edited December 2012
    heres our base css [code]h2 {font-size: 20px; text-transform: uppercase; color: #ff9100;
    margin: 30px 0 0 18px; }
    h3 {font-size: 15px; color: #ff9100; text-transform: uppercase;
    margin-top: 1em; }
    #main h3, .half h3, .last_half h3 {margin-bottom: .5em; margin-top: .5em}
    #secondary h3 {text-transform: uppercase; color: #5a5b5b; font-size:
    12px; margin: 2em 0 1em 0; border-top: none}
    #main h3.first, #secondary h3.first, #tertiary h3.first {margin-top: 0;}
    #tertiary h3 {color: #807f83; border-bottom: 1px solid #e1e2e3;
    margin: 1.5em 0 1em 0; padding: .1em 0}
    h4, h5, h6 {margin: 1.5em 0 .5em 0;}
    h4 {font-size: 12px; color: #666; text-transform: uppercase;
    letter-spacing: 1px; font-weight: bold}
    h5 {font-size: 11px; color: #97969a; text-transform: uppercase;
    letter-spacing: 1px; font-weight: normal;}
    h6 {font-size: 11px; color: #ff9100; text-transform: uppercase;
    letter-spacing: 1px; font-weight: normal;}[/code]


    then i have a specific header.jsp file which is linked to this css file as well as the base CSS file above:
    [code]


    #project {
    float: left;
    }

    #selectUser {
    float:left;
    width:300px;
    margin-left: 50px;
    }


    .required{
    color:red;
    font-weight:normal;
    }

    #message {
    font-size: 14px;
    margin-top: 10px;
    }
    .error {
    color: red;
    }
    .success {
    color: green;
    }


    textarea, input, select {
    font-family: inherit;
    font-size: inherit;
    }

    .ui-accordion-header-active{
    background: #e6e6e6;
    }

    .label{
    font-weight: bold;
    color: black;
    }[/code]
  • ulrikeulrike Posts: 39Questions: 1Answers: 0
    which browser did you use to get the screenshot ? Try to edit your example here http://live.datatables.net/eqijuf/edit#javascript,html,live
  • XolinlevhXolinlevh Posts: 10Questions: 0Answers: 0
    I took it from chrome, though ive tried it in IE and Firefox and they all do the same. I dont think i can load it in the website as this program pulls off servers and is spread over many many files.
This discussion has been closed.