Welcome Guest ( Log In | Register )

Outline · [ Standard ] · Linear+

HTML flooding container div and overlapping layers, Please help! Urgent

views
     
puaka_astro
post Oct 29 2009, 09:04 AM

Casual
***
Junior Member
331 posts

Joined: Jun 2007
From: Isketambola


you can use jquery plugin bgiframe http://plugins.jquery.com/project/bgiframe

Read the docs : http://docs.jquery.com/Plugins/bgiframe

pretty simple. should solve you IE overlay issue
puaka_astro
post Oct 29 2009, 10:16 AM

Casual
***
Junior Member
331 posts

Joined: Jun 2007
From: Isketambola


1. include jquery lib(download) here http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js

load the script , the bgiframe - you only need 1 file see the script tag below , link here http://plugins.jquery.com/files/bgiframe_2.1.1.zip
CODE

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.bgiframe.min.js"></script>
<script>
    $('#YOUR-DIV-ID-HERE').bgiframe();
</script>
</head>


see.. easy eh ?


Added on October 29, 2009, 10:19 amNote :

1. $('#divid') - means your div id is "divid", just change to to you div id, dont forget the "#"

2. $('.divclass') - means, you use class name assigned to your div, use this if you need to have bgiframe on multiple div, just assign a class name to that div and use it here

This post has been edited by puaka_astro: Oct 29 2009, 10:19 AM
puaka_astro
post Oct 30 2009, 12:47 AM

Casual
***
Junior Member
331 posts

Joined: Jun 2007
From: Isketambola


Dude, just attach you css and html here so we can try and fix it. For the bgiframe like i said in previous post, you only need 1 file, as for now lets just ignore the other files, concentrate on your main reason, to fix layout issue on IE.

I haven;t had the time to test it over a video, but i did test it on some html elements, mostly on select box and divs. anyway post you CSS,you drop down script and HTML and point out which div that cause the problem.
puaka_astro
post Oct 30 2009, 02:51 PM

Casual
***
Junior Member
331 posts

Joined: Jun 2007
From: Isketambola


did you forgot the file ? i didn' see any attachment lol
puaka_astro
post Oct 30 2009, 03:26 PM

Casual
***
Junior Member
331 posts

Joined: Jun 2007
From: Isketambola


Dude, i've fix your problem.. you dont need bgiframe for that.. made added z-index to you <li> (see the css #navigation li)

1. added param wmode="opaque" to flash video(this one is from google), see if its ok.

p/s : tested on chrome,firefox,ie7 and ie8


Added on October 30, 2009, 3:26 pmdamn, something wrong with my keyboard.. always missing letter "r" lol

This post has been edited by puaka_astro: Oct 30 2009, 03:26 PM


Attached File(s)
Attached File  Copy_of_Index.html ( 3.01k ) Number of downloads: 13
Attached File  copystyle.css ( 1.89k ) Number of downloads: 11

 

Change to:
| Lo-Fi Version
0.0165sec    0.09    7 queries    GZIP Disabled
Time is now: 7th December 2025 - 12:37 PM