eek strange thig happening

T

the idiot

hello ive just very quickly built the bones of a page for someone
http://www.207g.karoo.net/anna/index.html
but but but in IE the words (section underneath members and profiles) next
to the thumbnails of the person giving brief description etc keep
disappearing

all is well in firefox and opera

is this just my computer or or what?

thanks very much in advance if someone can have a quick look for me
 
E

Els

the said:
hello ive just very quickly built the bones of a page for someone
http://www.207g.karoo.net/anna/index.html
but but but in IE the words (section underneath members and profiles) next
to the thumbnails of the person giving brief description etc keep
disappearing

all is well in firefox and opera

is this just my computer or or what?

It's IE. The effect you're seeing is the infamous peek-a-boo bug.
On your page it's there because the <br class="clearleft;" /> is
touching the floated image. If you change this bit:

iuer liuh lidfuh iniu gbnliuh dfliudh erdfbbnv iou ehbvefiyug
<br class="clearleft" />
link to page with thumbnails of work and maybe a longer profile of
human
</p>

to this:

iuer liuh lidfuh iniu gbnliuh dfliudh erdfbbnv iou ehbvefiyug
</p>
<br><br class="clearleft" />
<p>
link to page with thumbnails of work and maybe a longer profile of
human
</p>

....the effect is gone.
 
J

Jonathan N. Little

the said:
hello ive just very quickly built the bones of a page for someone
http://www.207g.karoo.net/anna/index.html
but but but in IE the words (section underneath members and profiles) next
to the thumbnails of the person giving brief description etc keep
disappearing

all is well in firefox and opera

is this just my computer or or what?

thanks very much in advance if someone can have a quick look for me
You are giving a 'clear' to a BR in the middle of the block element P?
Try (I am using the class names to illustrate function in example)

<div class="outer">
<!-- 1st group -->
<div class="inner">
<img class="floatleft">
assoc text
</div>
<div class="clearer">
text below
</div>
<!-- 2nd group -->
<div class="inner">
<img class="floatleft">
assoc text
</div>
<div class="clearer">
text below
</div>
</div>
 
T

the idiot

Els said:
It's IE. The effect you're seeing is the infamous peek-a-boo bug.
On your page it's there because the <br class="clearleft;" /> is
touching the floated image. If you change this bit:

iuer liuh lidfuh iniu gbnliuh dfliudh erdfbbnv iou ehbvefiyug
<br class="clearleft" />
link to page with thumbnails of work and maybe a longer profile of
human
</p>

to this:

iuer liuh lidfuh iniu gbnliuh dfliudh erdfbbnv iou ehbvefiyug
</p>
<br><br class="clearleft" />
<p>
link to page with thumbnails of work and maybe a longer profile of
human
</p>

...the effect is gone.
ahh thank you very much.
 
T

the idiot

Jonathan N. Little said:
You are giving a 'clear' to a BR in the middle of the block element P?
Try (I am using the class names to illustrate function in example)

<div class="outer">
<!-- 1st group -->
<div class="inner">
<img class="floatleft">
assoc text
</div>
<div class="clearer">
text below
</div>
<!-- 2nd group -->
<div class="inner">
<img class="floatleft">
assoc text
</div>
<div class="clearer">
text below
</div>
</div>
i will and cheers.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,995
Messages
2,570,230
Members
46,818
Latest member
Brigette36

Latest Threads

Top