Web Design Forum: No clue why page breaking in Ie 7 and 8 - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

No clue why page breaking in Ie 7 and 8 Rate Topic: -----

#1 User is offline   sash_oo7 

  • Forum Newcomer
  • PipPipPipPip
  • Group: Members
  • Posts: 837
  • Joined: 15-August 10
  • Reputation: 45
  • Gender:Male
  • Location:Mars
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 26 December 2010 - 02:04 PM

Hello friends,
I am really getting confused why the page breaks in IE7 and 8 badly i have used conditional style sheet to fix some errors in IE6 but i thought IE 6 is the browser that needs hack but really confused what has gone wrong however the site shows fine in opera firefox and chrome

here is the link
0

#2 User is online   zed 

  • Web Guru
  • Group: Moderators
  • Posts: 4,941
  • Joined: 25-May 10
  • Reputation: 703
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer/Coder

Posted 26 December 2010 - 02:10 PM

IE reports
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.6; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; .NET4.0C; .NET4.0E)
Timestamp: Sun, 26 Dec 2010 14:08:28 UTC


Message: Syntax error
Line: 3
Char: 2
Code: 0
URI: http://www.webdesign...lltopcontrol.js


Message: Syntax error
Line: 3
Char: 2
Code: 0
URI: http://www.webdesign...ery.ifixpng2.js


Tried validating as well? There are errors and, for a start, you've not closed the <script> on line 15
0

#3 User is offline   sash_oo7 

  • Forum Newcomer
  • PipPipPipPip
  • Group: Members
  • Posts: 837
  • Joined: 15-August 10
  • Reputation: 45
  • Gender:Male
  • Location:Mars
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 26 December 2010 - 02:17 PM

View Postzed, on 26 December 2010 - 02:10 PM, said:

IE reports
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.6; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; .NET4.0C; .NET4.0E)
Timestamp: Sun, 26 Dec 2010 14:08:28 UTC


Message: Syntax error
Line: 3
Char: 2
Code: 0
URI: http://www.webdesign...lltopcontrol.js


Message: Syntax error
Line: 3
Char: 2
Code: 0
URI: http://www.webdesign...ery.ifixpng2.js


Tried validating as well? There are errors and, for a start, you've not closed the <script> on line 15

on line 4 i have title tag?
<title>Index</title>

and in validation are there any major errors that is breaking the page so badly
0

#4 User is online   zed 

  • Web Guru
  • Group: Moderators
  • Posts: 4,941
  • Joined: 25-May 10
  • Reputation: 703
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer/Coder

Posted 26 December 2010 - 02:37 PM

the only other thing I can immediately see is that div grab_container is not being closed?
1

#5 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 26 December 2010 - 08:59 PM

.ribbon.features
is giving you the problem

and clear:both in .right

This post has been edited by mteam: 26 December 2010 - 09:19 PM

1

#6 User is offline   sash_oo7 

  • Forum Newcomer
  • PipPipPipPip
  • Group: Members
  • Posts: 837
  • Joined: 15-August 10
  • Reputation: 45
  • Gender:Male
  • Location:Mars
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 26 December 2010 - 09:40 PM

all fixed but still the same issue the part below the header is moving
0

#7 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 26 December 2010 - 11:33 PM

Is this in IE6?

Try adding display:inline to .one_half
0

#8 User is offline   sash_oo7 

  • Forum Newcomer
  • PipPipPipPip
  • Group: Members
  • Posts: 837
  • Joined: 15-August 10
  • Reputation: 45
  • Gender:Male
  • Location:Mars
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 27 December 2010 - 12:23 AM

ok now the position seems to be ok in ie6 apart from the grab and featured vanished but my main concern is IE8 middle area and footer columns breaking

although main positioning issue is fixed
0

#9 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 27 December 2010 - 12:34 AM

Remove clear:both from .right
0

#10 User is offline   sash_oo7 

  • Forum Newcomer
  • PipPipPipPip
  • Group: Members
  • Posts: 837
  • Joined: 15-August 10
  • Reputation: 45
  • Gender:Male
  • Location:Mars
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 27 December 2010 - 12:47 AM

View Postmteam, on 27 December 2010 - 12:34 AM, said:

Remove clear:both from .right



lol when i remove clear:both from right which i put in conditional stylesheet for ie6 the page breaks in ie6 but shows fine in ie8 and when i add it breaks in ie8 so conditional style sheet not working?
<!--[if IE]><style type="text/css">
.right{
float:right;
clear:both;

}	</style><![endif]-->

This post has been edited by sash_oo7: 27 December 2010 - 12:47 AM

0

#11 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 27 December 2010 - 11:48 AM

If you try adding display:inline; to .one_half that should make it display the same in all browser (your getting the double margin bug)


If not this will target ie6 only

<!--[if IE 6]>
<style type="text/css"> 
.right{ 
float:right; 
clear:both; 
 }</style>
<![endif]-->

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users