/    Sign up×
Community /Pin to ProfileBookmark

top-padding pushing my a lower DIV down in IE6?

Copy linkTweet thisAlerts:
Jul 16.2007

So I’ve got my new website design & layout here:

[url]www.askfritz.com[/url]

My #header has a top-padding of 40px to push “Welcome!” flush with the bottom of the div. Well in IE6, that 40px pushes down my #contentWrapper #content div.

[code]#header
{
width: 700px;
height: 91px;
padding: 40px 0 10px 10px;
}

#contentwrapper
{
background: url(“../imgs/af_content.gif”) repeat top left;
width: 708px;
height:600px;
text-align: left;
}

#content
{
width:500px;
padding: 0 0 10px 10px;
}[/code]

Not too sure what to do about it.

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelJul 16.2007 — Instead of 'padding' the #header DIV, give the h3-tag a margin-top and push [I]that[/I] down..

....<div id="headerwrapper">

<div id="header">
<h3 [B]style="margin-top:40px;"[/B]>Welcome!</h3>
</div>
</div>....[/QUOTE]

To move the H3 around, do:

<h3 [B]style="[B]margin:40px 0 10px 10px[/B];"[/B]>Welcome!</h3>

(which is about what you have now with padding of #header)
Copy linkTweet thisAlerts:
@askfritzauthorJul 16.2007 — Awesome. Thank you.
Copy linkTweet thisAlerts:
@WebJoelJul 16.2007 — Let us know if it works. I didn't test this... just from looking at the code this is what I would try.
×

Success!

Help @askfritz 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 5.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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...