/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] IE white space issue

Hello,
I’ve been trying to setup a page where the entire screen is divided into 3 sections, each section is going to cycle through it’s own directory of images. I’ve got everything working correctly in every browser I’ve tried so far, with one small problem. In IE I get a small white space to the right of the image.

Here is how I have the CSS setup:

#myslides1 {position:absolute; top:0; left:0; width:50%; height:100%; overflow:hidden}
#myslides1 img{height:100%; width:100%}

#myslides2 {position:absolute; top:0; left:50%; width:50%; height:50%; overflow:hidden}
#myslides2 img{height:100%; width:100%}

#myslides3 {position:absolute; top:50%; left:50%; width:50%; height:50%; overflow:hidden}
#myslides3 img{height:100%; width:100%}

Like I said, works great in other browsers, just not IE for some reason…. btw I’ve tried adding margin:0 padding:0 and display:block with no luck

Any ideas would be greatly appriciated!

to post a comment
CSS

5 Comments(s)

Copy linkTweet thisAlerts:
@schis322authorApr 04.2013 — Here is a visual of what i'm seeing:

FireFox

https://docs.google.com/file/d/0B92Lof43AFDBeU9PT0dNdUJIanM/edit?usp=sharing

Internet Explorer

https://docs.google.com/file/d/0B92Lof43AFDBRTg3bUdtQk5ud0k/edit?usp=sharing

The white space to the right side of each image with IE.
Copy linkTweet thisAlerts:
@tracknutApr 04.2013 — We need a link to your site so we can see the code...

Dave
Copy linkTweet thisAlerts:
@Major_PayneApr 05.2013 — Make sure you have a proper document type. IE gets more "upset" at times than other browsers when none are present.

Validating:

Why Validate?: http://validator.w3.org/docs/why.html

CSS Validator: http://jigsaw.w3.org/css-validator/

HTML Validator: http://validator.w3.org/#validate_by_uri+with_options

Unicorn - W3C's Unified Validator: http://validator.w3.org/unicorn/
Copy linkTweet thisAlerts:
@schis322authorApr 05.2013 — The site is not hosted yet, so I can't post a link, but here is the html code I have for it:

<!DOCTYPE HTML>

<html>

<head>

<title>Event Display</title>

<link rel="stylesheet" href="scripts/screen.setup.css">

</head>

<body scroll="no">

<script language="javascript" type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>

<script language="javascript" type="text/javascript" src="scripts/jquery.cycle.all.js"></script>

<script language="javascript" type="text/javascript" src="scripts/load.imgs.js"></script>

<div id="myslides1"><img src="/imagesleft/test1.jpg" /><img src="/imagesleft/.jpg" /><img src="/imagesleft/smile.jpg" /><img src="/imagesleft/test2.jpg" /><img src="/imagesleft/TV2.jpg" /></div>

<div id="myslides2"><img src="/imagestop-right/TV.jpg" /><img src="/imagestop-right/ops.jpg" /></div>

<div id="myslides3"><img src="/imagesbottom-right/logo.jpg" /></div>

<META HTTP-EQUIV="refresh" CONTENT="900">

</body>

</html>

note* The input of the actual images in the body is done by a php script in order for it to pull the images out of specified directories.
Copy linkTweet thisAlerts:
@schis322authorApr 05.2013 — I figured it out... I had some comments above the doctype that I didn't paste into the posted code. Removed my comments and it removed the white space in IE.... makes no sense to me but at least I got it. Thanks for the help.
×

Success!

Help @schis322 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.26,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...