CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

IE rendering CSS issue

Discuss IE rendering CSS issue in the CSS Help forum on Dev Shed.
IE rendering CSS issue Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old May 7th, 2008, 12:24 PM
mavoric mavoric is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2004
Posts: 39 mavoric User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 16 m 20 sec
Reputation Power: 4
IE rendering CSS issue
This is a bit of a weird one as its thrown me completely! I have a very simple collection of styled divs which when viewed in IE look rubbish as they have added a few extra pixels in height to the bottom. I've realized that this looks like a rendering issue as when you scroll the window down and back up the extra image thats appearing sometimes changes according to the speed you scroll at!!! (sometimes the line disappears and then re-appears if you scroll faster) I'm using IE 7 (emulated through IE8 as the real IE7 doesn't work on my vista machine????) also the IE tab mod for firefox and my brothers old xp machine with a working IE7 and the issue is occurring on all 3. However when put in IE8 mode it works

Here is a lovely images to show whats going on...



css + html...

Code:
	<div style="padding:10px;">
		<div style="background:url(/images/forums/middle.jpg) repeat-x left top;">
			<div style="background:url(/images/forums/left.jpg) no-repeat left top;">
				<div style="background:url(/images/forums/right.jpg) no-repeat right top; padding-bottom:10px;">
					<div style="padding:18px; color:#FFFFFF; font-size:18px; padding-bottom:30px;">Catagories</div>

					<div style="padding-left:40px; padding-right:40px;">
						<div style="font-size:14px;">Help and support with the Site</div>
						<div style="font-size:10px;">Need help with something on the site?</div>
					</div>
					
					<hr size="1" color="#999999" style="margin:10px 40px 10px 40px;">
					
					<div style="padding-left:40px; padding-right:40px;">
						<div style="font-size:14px;">Help and support with the Site</div>
						<div style="font-size:10px;">Need help with something on the site?</div>
					</div>
				</div>
			</div>
		</div>
		<div style="background:url(/images/forums/middle_bottom.jpg) repeat-x left top; height:4px;">
			<div style="background:url(/images/forums/left_bottom.jpg) no-repeat left top; height:4px;">
				<div style="background:url(/images/forums/right_bottom.jpg) no-repeat right top; height:4px;"></div>
			</div>
		</div>
	</div>


thanks in advance for any reply
Reply With Quote
  #2  
Old May 7th, 2008, 12:40 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
I think you'll need to provide a link to a live example. I didn't see this issue in IE7 after copying that code into a local page.
__________________
Spreading knowledge, one newbie at a time.

Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

IE7: the generation 7 browser new in a world of generation 8 browsers.
Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.
Reply With Quote
  #3  
Old May 7th, 2008, 12:45 PM
mavoric mavoric is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2004
Posts: 39 mavoric User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 16 m 20 sec
Reputation Power: 4
ok sure

I will warn you the entire site is still being developed!!

http://www.readinginfo.co.uk/forum/General-1/
Last edited by mavoric : May 7th, 2008 at 12:45 PM. Reason: making the link an actual link!!
Reply With Quote
  #4  
Old May 7th, 2008, 01:07 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
Try triggering hasLayout on the first-child of the outer <div>.

I hope those inline styles are only temporary and that you'll fix the HTML errors eventually.

To understand what hasLayout is, read some of these: (I discourage the use of the underscore hack, which the first one recommends though.)
http://www.satzansatz.de/cssd/onhavinglayout.html
On Having "Layout"
"HasLayout" Overview
hasLayout Property
Reply With Quote
  #5  
Old May 7th, 2008, 06:21 PM
mavoric mavoric is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2004
Posts: 39 mavoric User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 16 m 20 sec
Reputation Power: 4
i tried using a few of the haslayout and they didn't work. However after a bit of tinkering I managed to get it work by moving the last 3 divs back a level.

yes the inline styles are temp and so are the html errors. i just want to get the basics running then clean it up

Thanks though for the advice
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > IE rendering CSS issue

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

 Free IT White Papers!
 
Accelerating Trading Partner Performance
One in five. That's how many partner transactions have at least one error. That is an amazing statistic, particularly given the extraordinary leaps in innovation across the global supply chain during the past two decades. Download this white paper to learn more.
 
Competing on Analytics
This Tech Analysis is designed to help identify characteristics shared by analytics competitors, and includes information about 32 organizations that have made a commitment to quantitative, fact-based analysis.
 
Cost Effective Scaling with Virtualization and Coyote Point Systems
An overview of the industry trend toward virtualization, how server consolidation has increased the importance of application uptime and the steps being taken to integrate load balancing technology with virtualized servers.
 
Five Checkpoints to Implementing IP Telephony
Implementation planning for IP PBX software and IP telephony has become vital as businesses replace discontinued legacy PBX phone systems. This informative whitepaper outlines five "checkpoints" for any implementation plan that will help make IP communications a successful proposition.
 
Hosted Email Security: Staying Ahead of New Threats
In the last two years, email has become a fierce battleground between the nefarious forces of spam and malware, and the heroes of messaging protection. The spam volumes increased alarmingly every month, bringing clever new forms of phishing and virus propagation attacks.
 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway.