/    Sign up×
Community /Pin to ProfileBookmark

Positioning error until page is refreshed

Copy linkTweet thisAlerts:
Apr 26.2006

Hello all,

I can’t believe how much info the human brain can soak up…I have learned so much over the last few weeks. I just can’t figure out this one glitch.

When viewing the site in IE I will get a weird effect where the bottom two corners of the content div will shift up the page and be displayed all broken like in the middle of the viewable area. Once you refresh the page, it’s all good. You can even surf away from that page (within the site) and come back to it and it will be fine.

This phenomenon will not happen 100% of the time on 100% of the links in the site, but it will happen enough that I can’t release it to the client yet.

The site displays in Firefox just fine.

Any help that you may be able to send my way would be greatly appreciated.

Thank you in advance

Scott

site in question – [url]http://scott.geeks-are-us.com[/url]

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelApr 27.2006 — [CODE]<p>

<img src="images/store.jpg" alt="store image"/><br><br>

<b>Situated on the Pacific Highway border crossing, the West Coast Duty Free Store is the largest road-side duty free store in British Columbia.
We offer a comprehensive range of services to the cross-border traveller, including:</b>

<ul>
<li>Complimentary rest facilities for travellers and pets</li>
<li>Instant cash, with no commissions or fees, for eligible tax refunds</li>
<li>Currency exchange</li>
<li>A wide range of fine duty free merchandise, such as:</li>

<ul><b>
<li>Perfume and cosmetics</li>
<li>Beer, wine and liquor</li>
<li>Cigars, cigarettes and tobacco</li>
<li>Clothing</li>
<li>Crystal and china</li>

<li>Souvenirs</li>
<li>Food and candy</li>
<li>Watches</li>
<li>Binoculars</li>
<li>Sunglasses</li></b>
</ul>

</ul>


[B]</p>[/B] [COLOR=Red]<- THIS HERE[/COLOR]


[/CODE]
You can't put a "list item" inside of a paragraph and have it not behave as a paragraph. The paragraph is part of the 'content', and 'closing the paragraph to include the <ul><li>etc.' affects all of this, -apparently in an undesireable way. Most browsers might 'forgive' this, but it does cause it to stumble occasionally, perhaps?

Move the "</p>" up immediately [I]before[/I] the "<ul>" and see it that solves this.
Copy linkTweet thisAlerts:
@jogolApr 27.2006 — maybe your problem is related to the [URL=http://www.positioniseverything.net/explorer/peekaboo.html]peek-a-boo bug[/URL]
Copy linkTweet thisAlerts:
@Still_Learning2authorApr 28.2006 — Thank you very much for the input. After spending a few hours working out the validation I think (hope) that the bug is gone...more testing to confirm.

I do have one last question...

The only thing that is not "valid" on my home page would appear to be having a list within a list. Is it not possible to do this and have it validate?? The code works and it displays the way I would like it to...but it does not pass the checks.

Thanks again
Copy linkTweet thisAlerts:
@jogolApr 28.2006 — put the [B]</li>[/B] from "[B]such as:[COLOR=Red]</li>[/COLOR][/B]" to "[B]Sunglasses</b></li></ul>[COLOR=DarkGreen]</li>[/COLOR][/B]"

a list is nested within a list item, not in the list itself
Copy linkTweet thisAlerts:
@jogolApr 28.2006 — in case you need a code example and styling tips: http://www.simplebits.com/notebook/2003/10/19/styling_nested_lists.html
Copy linkTweet thisAlerts:
@Still_Learning2authorApr 29.2006 — Thank you...

That fixed it with moving one single </li> from point A to point B

The members of this forum have been exceptionally helpful. I hope that someday I have the skills to help others out as you have helped me.

Thanks again

Scott
×

Success!

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