/    Sign up×
Community /Pin to ProfileBookmark

Gap at the top of web pages

Copy linkTweet thisAlerts:
Feb 25.2012

Hey guys, I have a gap at the top of my web pages, however it is not there when i load the page offline. How can I remove it? Also I have tried to have a 2px black border around all the content. It works in the my background page but none of the other ones, however I am not sure why? The website is [url]http://www.cherrietestingwebsite.com/[/url].

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@auntniniFeb 25.2012 — On that one page, you have

<link rel="stylesheet" href="style.css" />
<style type="text/css">
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link rel="stylesheet" href="colorbox.css" />
<script type="text/javascript" src="mainjquery.js"></script>
<script type="text/javascript" src="jquery.colorbox.js"></script>


OOPS! I have to take another look. At first thought that had to do with border.

Viewing site on MAC Firefox, I did not see space. Did not check your stylesheet. but general consensus is to ZERO out padding, margin, border for HTML and BODY because of browser differences.
Copy linkTweet thisAlerts:
@auntniniFeb 25.2012 — Looking at your style.css <i>
</i>*{ margin:0px; padding:0px; } img{ border:0px } html{ width:100%; }
.container { width:962px; margin-left:auto; margin-right:auto; background: #ffffff; border: 2px solid #000000; }
body{ width:962px; margin:auto; position:relative;
background-color: #ee652a; background-image:url('images/bgimage.png'); background-repeat: repeat-x; }
I don't see why and did not see any conflict with jQuery.css. When page was reduced way down, the white space at top was evident.

Just guessing: assigning the background image and color to the HTML element and making BODY transparent might get rid of that white gap.
Copy linkTweet thisAlerts:
@jadhav_somaFeb 27.2012 — ohh bit mistake here is ....

add this code <div style="clear:both;"></div> in last of container tag .... before close the container tag just up the you currently did...(as reference to current move one step up)
Copy linkTweet thisAlerts:
@delboy1875authorFeb 29.2012 — Hey guys thanks for the help. Jadav soma is there anyway, you could edit one of the pages source code offline and then copy and paste that part of it in the window regarding the <div> container part as I am not entirely sure what you mean. Thank you.
Copy linkTweet thisAlerts:
@jadhav_somaFeb 29.2012 — ok, please check the below code ........and se the difference between your current code and this one.....

<div id="footer">

<a href="index.html">Home</a>|
<a href="mybackground.html">My backgorund</a>|
<a href="help.html">How I can help</a>|
<a href="success.html">Success Stories</a>|
<a href="contact.html">Get in touch</a>|
<br />

Copyright &copy;. All rights reserved. Design by <a href="http://www.google.com">Cherrie Web Design</a> </div>

<!--END OF FOOTER SECTION-->
<div style="clear:both;"></div>

</div>

</body>

</html>
×

Success!

Help @delboy1875 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...