Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Register Tags Active Topics RSS Search Mark Forums Read

Sponsored Links



Page elements of CSS are narrower in Internet Explorer

Software Development


Reply
 
Thread Tools Search this Thread
  #1  
Old 06-02-2010
Member
 
Join Date: Aug 2006
Posts: 162
Page elements of CSS are narrower in Internet Explorer
  

I am getting frustrated while using the CSS. Many times it happens that after writing the correct script, I have observed that the page elements are narrower in Internet Explorer. Can anyone tell me the reason for this and what should I do for avoiding this.?? First I thought that the problem was of Internet Explorer, so I reinstalled that browser. Even after that I was getting the same issue. When I use the other browser like Mozilla, the text were spilling out of its container. Please help me from this strange problem!!

__________________
Technology is a way of organizing the universe so that man doesn't have to experience it.-- Max Frisch 1911 -1991
Reply With Quote
  #2  
Old 06-02-2010
Member
 
Join Date: Jul 2006
Posts: 442
Re: Page elements of CSS are narrower in Internet Explorer

Even I have observed that looking for the CSS-based websites across all browsers is often very difficult. I think that the Page elements of CSS gets narrower in Internet Explorer, because of the misinterpretation of the CSS box model. This happens normally in Internet Explorer. I think that you should know about the Internet Explorer box model bug, before having look on the exact issue. The Internet Explorer box model bug is a software bug in the implementation of Cascading Style Sheets in earlier versions of Microsoft’s Internet Explorer web browser for Microsoft Windows. There are chances of having this error in old version of Internet Explorer. I would like to suggest you to update your IE.
__________________
"When they give you ruled paper, write the other way..." J.R.J.
Reply With Quote
  #3  
Old 06-02-2010
Member
 
Join Date: Aug 2006
Posts: 227
Re: Page elements of CSS are narrower in Internet Explorer

Even I would like to suggest you to install the Internet Explorer or atleast update it. Because this error or bug causes only in older version of IE. For your information, I would like to tell you that Internet Explorer versions 6 and 7 are not affected by the bug if the page contains certain HTML document type declarations. In IE 6 the similar issue can be caused, when you use the XML declaration prior to the document type declaration. And the bad thing about the CSS is that the box model normally only pertains to CSS design.
__________________
I do to dead flowers what people at morgues do to dead people. Suck all the moisture out, dip them in plastic, paint them up pretty and put them in a nice frame.
Reply With Quote
  #4  
Old 06-02-2010
Member
 
Join Date: Nov 2008
Posts: 996
Re: Page elements of CSS are narrower in Internet Explorer

Since you now know that the CSS box model causes the issue, I will tell you exactly when does that occurs. The CSS box model problem occurs in IE while declaring the ISO value in the HTML code. Latest version should not have this problem. When you use the following command :
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
is placed on the very first line of the HTML document and the second can be placed anywhere within the <head>. Also I would like to tell you that by using the first command, Internet Explorer 6 will render the CSS box model incorrectly and you may get an issues like Page elements of CSS are narrower in Internet Explorer.
Reply With Quote
  #5  
Old 06-02-2010
Member
 
Join Date: Mar 2008
Posts: 349
Re: Page elements of CSS are narrower in Internet Explorer

The best thing is to insert a CSS hack to send different width values to different browsers for fixing the box model problem. You should be knowing about the ISO value, your CSS hack you use will depend on which ISO value that you are using. By doing this the versions of IE will render the box model incorrectly. For fixing the older version, you can use the CSS commands that I have given below :
Code:
div {
margin: 4em;
padding: 3em;
border: 1em solid green;
width: 40em
}
html>body div {
width: 30em
}
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , , , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "Page elements of CSS are narrower in Internet Explorer"
Thread Thread Starter Forum Replies Last Post
the "Welcome" page appears with my home page , Every time I start Internet Explorer 9 Arnabi Technology & Internet 7 08-03-2012 08:54 AM
Getting “Page cannot be displayed” error message while loading page on Internet Explorer 9 Nabhan Technology & Internet 9 26-08-2011 11:44 AM
Internet Explorer 9 PDF printing missing many elements and garbled text Visualy Technology & Internet 5 17-03-2011 08:01 PM
Internet Explorer can not display the page urgaffel Technology & Internet 2 17-09-2008 12:45 PM
Internet Explorer Web page Error Nabhendu Windows XP Support 5 30-01-2007 09:01 PM


All times are GMT +5.5. The time now is 05:05 AM.