By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,057 Members | 1,401 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,057 IT Pros & Developers. It's quick & easy.

floating DIVs causing H1 to disappear

P: n/a
I've created a page that will contain a the thumbnails of photos I took in
Beijing a couple of years back but since making each thumbnail <div> a
float: left the <h1> tag in the document disappears in IE. This does not
happen in Mozilla. Resizing the IE window sometimes makes the <h1> appear,
but I usually have to highlight the text to make it visible.

Here's the offending page:
http://marc.fearby.com/mfnewsite/beijing/day1.php

Does anybody know of a fix for this bug?

I really wanted to keep my new site <table> free :-(

Thanks heaps.
Jul 20 '05 #1
Share this Question
Share on Google+
5 Replies


P: n/a
"Frostillicus" <fr**********@iinetnilspamos.net.au> wrote in
news:3f**********************@freenews.iinet.net.a u:
I've created a page that will contain a the thumbnails of photos I
took in Beijing a couple of years back but since making each thumbnail
<div> a float: left the <h1> tag in the document disappears in IE.
This does not happen in Mozilla. Resizing the IE window sometimes
makes the <h1> appear, but I usually have to highlight the text to
make it visible.

Here's the offending page:
http://marc.fearby.com/mfnewsite/beijing/day1.php


I can't make it happen in IE6. You might want to do a Google search on
"peekaboo bug"; IE has a problem that can hide sections under some
circumstances, and you may have been running into it.
Jul 20 '05 #2

P: n/a
> I can't make it happen in IE6. You might want to do a Google search on
"peekaboo bug"; IE has a problem that can hide sections under some
circumstances, and you may have been running into it.


Actually, after submitting this post I couldn't get the bug to occur in IE 6
on http://marc.fearby.com but I could reproduce it when viewing it on my own
PC as http://localhost - very weird.

Anyway, I found the fix for this "peekaboo bug" here:

http://www.positioniseverything.net/.../peekaboo.html

In short, I just added this to my stylesheet:

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

Thanks heaps :-)
Jul 20 '05 #3

P: n/a
Frostillicus wrote:
Actually, after submitting this post I couldn't get the bug to occur
in IE 6 on http://marc.fearby.com but I could reproduce it when
viewing it on my own PC as http://localhost - very weird.

Anyway, I found the fix for this "peekaboo bug" here:

http://www.positioniseverything.net/.../peekaboo.html

In short, I just added this to my stylesheet:

/* Hides from IE-mac \*/ * html .floatholder {height: 1%;} /* End
hide from IE-mac */

Thanks heaps :-)


I'm so glad I read this group now :-))

Just got around to learning html, though I've meant to for years. Was
finally pushed into it as it's part of a course I'm doing atm, for which
I had to create a small site. While researching, I discovered CSS &
after seeing Eric Meyer's home site in particular, thought I've got to
use this stuff.

I'm a little worried as CSS wasn't part of the module, so I could get
smacked down, but what the hell - it looks & functions much better, I think.

Anyhow, the only serious problem I've had with it was vanishing text
under IE 6, on the only two pages which contained floated divs...

Reading this thread implies I must have hit this problem. Will try the
fix in a mo'. It's too late for my submitted version (which I can't
alter until it's marked), but I'll update my local copy now.

Thanks :)

BTW If anyone's interested, the site's at
http://osiris.sunderland.ac.uk/~cd2mro/

--
Michael
m r o z a t u k g a t e w a y d o t n e t
Jul 20 '05 #4

P: n/a
Frostillicus wrote:

In short, I just added this to my stylesheet:

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */


You can also hide from IE/Mac with certain import statements.

/* this import statement will not be read by Netscape 4 or MSIE 4 */
@import "ns4hide.css" ;

/* this import statement will not be read by IE 5.x/Mac */
@import url("ie5machide.css") ;

--
Brian
follow the directions in my address to email me

Jul 20 '05 #5

P: n/a
Brian wrote:

You can also hide from IE/Mac with certain import statements.


....or with media rules
<URL:http://centricle.com/ref/css/filters/>

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Jul 20 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.