• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 270
  • Last Modified:

Unexplained "gap" at top of main content

I've been staring at this for a while in Mozilla / using Firebug to try and find some sort of margin or padding value to explain the gap, and I just can't find what is wrong.  Another pair of eyes would be nice to have on this.

Website is here:

http://utenn.dev.campuswebstore.mobi/booksearch.aspx

it does it here as well:

http://utenn.dev.campuswebstore.mobi

but the gap is not as tall.  Actually, I just checked and the gap is not there in Mozilla...your mileage may vary.




(see screenshot)

 why gap
0
Tom Knowlton
Asked:
Tom Knowlton
4 Solutions
 
BadotzCommented:
Why, it's the Cumberland Gap ;-)
0
 
BadotzCommented:
Not sure why you have <script></script> tags all over the place - in the <head> and <body> sections?

Your ID attributes are unusual, too, not what I would call "concise"...

You might try putting

* { margin:0; padding:0; }

in your CSS file
0
 
OmniUnlimitedCommented:
On http://utenn.dev.campuswebstore.mobi/booksearch.aspx, I see you are experiencing this problem because of the way you have set up the DOM.  You should try to use position: absolute and position: relative only if absolutely necessary.  As it is right now, without radical changes in the DOM, I would recommend changing top to -15px on the div#side_menu_bg style found on line 507 of the utenn.css file (a bandaid measure I admit, but the least work of all the solutions possible).

I cannot see any problem with the http://utenn.dev.campuswebstore.mobi/ page.
0
Take Control of Web Hosting For Your Clients

As a web developer or IT admin, successfully managing multiple client accounts can be challenging. In this webinar we will look at the tools provided by Media Temple and Plesk to make managing your clients’ hosting easier.

 
Prafulla MaharjanCommented:
in the style sheet

body{margin:0px;padding:0px}



please try, and check.
0
 
BadotzCommented:
@prafullamjn: Did you not read my post http:#a36514330?
0
 
PagodNaUtakCommented:
Add the below style in your utenn.css

Cheers!

Jehova is great!
DIV#inner_wrapper{
display:inline;
}

DIV#inner_content{
Display:inline;
}

DIV#side_menu_bg{
position:static;
}

Open in new window

0
 
Tom KnowltonWeb developerAuthor Commented:
It was:

#content h3 { /* Use this class for a in-page menu header */
    font-size: 14px;
    line-height: 15px;
    margin: 15px 10px 7.72px;
    color: #1C3F6B;
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight: lighter;
}

Open in new window



Changed:

   margin: 15px 10px 7.72px;
 

to this:

   margin: 0px 10px 7.72px;
 


and that seemed to do it.



Rebuttal?  :P
0
 
Tom KnowltonWeb developerAuthor Commented:
Thanks for the brainstorming and for the time spent on this.

Tom
0
 
BadotzCommented:
You changed the TOP margin from 15px to 0 - seems like that was a good idea ;-)

Oh, and no worries - glad to help.
0

Featured Post

2018 Annual Membership Survey

Here at Experts Exchange, we strive to give members the best experience. Help us improve the site by taking this survey today! (Bonus: Be entered to win a great tech prize for participating!)

Tackle projects and never again get stuck behind a technical roadblock.
Join Now