Iframe slows my webpage

[shahjee99]

Dear,
I make a site for my client i paste three iframes in it which two is randomly changed contents and one is static, my problem is that everything going ok but when my page loaded it become hang for some time no browser scroll and make very stange and when it loaded i scroll the page it become slow scrolling and also i use shadow gradient for shadow it also make slow my navigation whe i mouse over links fast i feel and also you feel it becomes slow please help me this is url where is my page

http://wkgb.110mb.com/index.html

[mburt]

The message scrolls slow when you scroll with a browser, because the page is being moved up and down, and if it wasn't slowed down it would probably skip. This is a browser function, nothing else. It's not a part of your script that is the problem.

[shahjee99]

Dear,
I can't understand your answer, actually my problem is not message scrolling, my problem is page scrolling slow and some time hard to scroll it is the basic problem thanx in advance and please help me

[mburt]

Hmm... The page scrolls fine for me.
What browser are you using?

[shahjee99]

Dear,
I use internet explorer 6.0 please tell me also browser scrolling and also when the shadow gradient load, i mouseove the links the speed also slow pointer of mouse look very slow work please help help help thanx in advance

[Sparaker]

You're right the hovers on the text links and scrolling is a bit slower then normal. I will look into the code and let you know if i find something wrong. And just so you know your webpage opens totally unformatted on Mozilla FireFox.

[Sparaker]

From what i have observed .. your using very lengthy css to achieve something which can be achieved pretty easily. First of all make sure you fix the javascript bug on that web page (your missing a semi-column some where). Next try to use

padding:[top padding]px [right padding]px [bottom padding]px [left padding]px;

Instead of placing them individualy like:

padding-top:[top padding]px;
padding-right:[right padding]px;
padding-bottom:[bottom padding]px;
padding-left:[left padding]px;

Also you must realize that whatever css property you define for an upper level element will apply for every element that lies under it, unless that property is overwrited or not supported for that element.

Let me give you an example. You currently have this code in your CSS for elements with class "ddmarkermenu".

.ddmarkermenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 2px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.ddmarkermenu LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px
}
.ddmarkermenu LI A {
	PADDING-RIGHT:0px; DISPLAY: block; PADDING-LEFT: 19px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(images/blue_icon.gif) no-repeat left center; PADDING-BOTTOM: 1px; COLOR: #449805; PADDING-TOP: 0px; BORDER-BOTTOM: #ececec 1px solid; TEXT-DECORATION: none
}
.ddmarkermenu LI A:visited {
	COLOR: #449805
}
.ddmarkermenu LI A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #51b906
}

Could be converted to:

.ddmarkermenu {
	padding:0;
	margin:0 0 2px;
	list-style-type: none;
}
.ddmarkermenu LI {
	padding:0 3px 0 3px;
}
.ddmarkermenu LI A {
	padding:0 0 1px 19px;
	display:block;
	text-decoration:none;
	font:Tahoma normal bold 10px;
	background:url(images/blue_icon.gif) no-repeat left center;
	color:#449805;
	border-bottom:#ececec 1px solid;
}
.ddmarkermenu LI A:visited {
	color:#449805;
}
.ddmarkermenu LI A:hover {
	color:#fff;
	background-color:#51b906;
}

[jscheuer1]

Changing the way the css is written (as long as the actual style isn't changed) probably won't have much effect on speed. It certainly will make the code easier to read, at least for most folks.

[shahjee99]

Dear jscheuer1,
I can't understand your reply, am i right that what i understand from your reply that you say, Sparaker ask me to change css and then it is ok, but you say that it is not for changing the css so please dear you solve my problem a bundel of thanx for you in advance please help me the javascript error is not my error in my page i actually get a ticker from a site it gives me error but it is not problem, problem to me slow navigate and please also tell me how to write right code for both ie and firefox thanx

[jscheuer1]

Dear jscheuer1,
I can't understand your reply, am i right that what i understand from your reply that you say, Sparaker ask me to change css and then it is ok, but you say that it is not for changing the css so please dear you solve my problem a bundel of thanx for you in advance please help me the javascript error is not my error in my page i actually get a ticker from a site it gives me error but it is not problem, problem to me slow navigate and please also tell me how to write right code for both ie and firefox thanx

Whatever works. I just don't happen to think Sparaker's idea will speed things up much, I may have misunderstood, if so - Great! I am not at this time offering my own solution.