/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Gap between header and content in IE6 Win

Copy linkTweet thisAlerts:
Jul 18.2007

Page works in Firefox (Mac + Win), Safari, Netscape (Mac + Win), Opera (Mac) IE7 (Win) but has this ugly gap between header and content container in IE6. I have tried putting

[code=html]vertical-align: bottom; [/code]

on header div and img tag, have changed all relevant margins to zero, etc. and am really running out of ideas.

Any help much appreciated. I’ve attached a screen shot of what it looks like in IE6 (from Virtual PC 7 on Mac OS 10.4.10)

Page is up at:
[URL=”http://www.flyingmonkey.com.au/fe/ala.htm”]http://www.flyingmonkey.com.au/fe/ala.htm[/URL]

and CSS is at:
[URL=”http://www.flyingmonkey.com.au/fe/css/ala.css”]http://www.flyingmonkey.com.au/fe/css/ala.css[/URL]

Thanks in advance
Monkeyman

[upl-file uuid=cd7ac765-561c-4c24-a31b-70033576e4f2 size=37kB]ie6_grab.png[/upl-file]

to post a comment
CSS

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriJul 18.2007 — Try adding [CODE]img { display: block; }[/CODE] to your css
Copy linkTweet thisAlerts:
@Flying_MonkeyauthorJul 18.2007 — Thanks for your quick response, Centauri, but sadly it remains the same.
Copy linkTweet thisAlerts:
@Flying_MonkeyauthorJul 18.2007 — Actually, img { display: block; } seems to interfere with my banner image floating to the right, so I've remoced it again.
Copy linkTweet thisAlerts:
@CentauriJul 18.2007 — Didn't have access to my machine with IE AIS toolbar on it previously - had had a look now, and #header needs HasLayout invoked :
[CODE]#header {
margin-top: 10px;
[COLOR="Red"]width: 100%;[/COLOR]
}[/CODE]
Copy linkTweet thisAlerts:
@Flying_MonkeyauthorJul 18.2007 — Thanks Centauri, you're the best! Its been bug after bug for me with this layout - jumping left column, gaps in the list nav, png alpha issues in IE (actually all my issues have been with IE). But I really like the fluidity of the layout and how it appears balanced on widely varying screen sizes so its worth the effort. I hadn't heard of the HasLayout thing before today. Do you know any good URLs that explain it?
Copy linkTweet thisAlerts:
@CentauriJul 18.2007 — Here is an explaination by Paul O'Brien
Copy linkTweet thisAlerts:
@Flying_MonkeyauthorJul 18.2007 — Thanks again, Centauri!
Copy linkTweet thisAlerts:
@sticks464Jul 18.2007 — Take a look at the attachment and see if it is what you want.

[upl-file uuid=e816adc1-6017-478b-be5e-2b9b8cdbf749 size=3kB]Untitled-3.zip[/upl-file]
Copy linkTweet thisAlerts:
@Flying_MonkeyauthorJul 19.2007 — Hi Sticks, I'm not sure what you've attached there? I'm only seeing half the page and it doesn't look fluid to me.
Copy linkTweet thisAlerts:
@sticks464Jul 19.2007 — That's because I forgot to attach the images I changed. I made the top logo one image and the top left col one image. But you have it solved which is the best thing. I attached the images if you want to look.

[upl-file uuid=943d0b35-98d6-43c0-af94-6e1b2d7aeaf1 size=68kB]images.zip[/upl-file]
Copy linkTweet thisAlerts:
@Flying_MonkeyauthorJul 19.2007 — Thanks for that, but its not really what I'm after.

The thing I have been trying to achieve is how the banner images overlap and expand to fill the size of the users browser window and also the centre column expands and contracts in a similar way.

Its now all working properly in IE but i have found a problem in FF and Netscape of the columns dropping down - but I've started a new thread seeing as this one is labelled resolved.
×

Success!

Help @Flying_Monkey 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,
)...