Your browser does not seem to support CSS. If images appear below, please disregard them.
It appears that you're running an Ad-Blocker. This site is monetized by Advertising and by ">User Donations; we ask that if you find this site helpful that you whitelist us in your Ad-Blocker, or make a ">Donation to help aid in operating costs.
Previous Thread
Next Thread
Print Thread
Rate This Thread
#46253 - 07/17/08 09:59 PM question about IE and CSS  
Joined: Sep 2002
Posts: 390
Shinobi Offline
UGN Member
Shinobi  Offline
UGN Member

Joined: Sep 2002
Posts: 390
Asheville, NC
I'm just going to C&P my post from IE forums, and if anyone has a definitive answer as to why and/or how to correct the problem, lemme know. Other then that any thoughts are appreciated.

I am currently doing a website and I was having some problems with the #lines section

When I coded the section I specified a height of 2px width of 100% and used a background image that was 1pixel x 1pixel

When I previewed the page in Firefox it came out as it should, a 2pixel like spanning the length of the page. However when previewing in IE the line was considerably larger than 2px. My initial thought was for some reason IE was rendering the size of the pixels to the much larger than Firefox maybe? However the only solution I could come up with was to create overlay layers that were 2px below where the #lines started to cover the excess.

I would like to know why the line is so much bigger in IE, and why it ignores my height specifications and comes up with something completely different, and if there is an easier way to correct this (for future reference) other than creating new layers to cover up what shouldn't be there anyway.

You can view the code by going to the source of all the CSS is contained on that page.

I have also included the code below:

/this overlays the top line/
#nav {
width: 100%;
/this is the bottom line/
#lines2 {
position: absolute;
height: 2px;
/overlay for the bottom line/
#ieoverlay {
position: absolute;
height: 50px;
/top line/
#lines {
position: absolute;
height: 2px;

"The secret to creativity is knowing how to hide your sources."
-Albert Einstein

Tech Ninja Security
Sponsored Links
#46256 - 07/18/08 03:28 AM Re: question about IE and CSS [Re: Shinobi]  
Joined: Feb 2002
Posts: 7,198
Gremelin Offline
Community Owner
Gremelin  Offline

Community Owner

Joined: Feb 2002
Posts: 7,198
Likes: 11
Portland, OR; USA
The page looks the same in IE and FFox to me... If I could figure it out I could probably give you a pure css approach vs using an image at all in the first place wink...

Donate to UGN Security here.
UGN Security, Back of the Web, and VNC Web Services Owner
#46373 - 08/05/08 12:51 AM Re: question about IE and CSS [Re: Gremelin]  
Joined: Dec 2002
Posts: 3,255
§intå× Offline
§intå×  Offline

Joined: Dec 2002
Posts: 3,255
Likes: 3
I hate IE with a passion when it comes to CSS. 5.5, 6, 7, and coming very soon 8 all seem to render css different. 8 at least is supposed to have a standards compliant mode. Yea, we shall see.

I know there is a border line type issue that can get you up to 2 px more than you wanted in FF. say you have a box

|       |
|       |
|       |

FF will render from within the borders the num of pixels you want.

|  ^    |
|< +    |
|       |

arrows pointing to the inside edge of our div container

In IE, they of course like to think different, ~*cough RETARDS*~ So they render from outside the object border (even if their is no border)
   |       |
  >|       |
   |       |
arrows pointing from outside into 
the inside of our div container.

This small difference can add up to 2 px difference in many layouts if not accounted for. 2px is huge. Often a work around to have cross browser compatibility is to wrap the div inside a div. Set the height width and it forces what you would expect.

Last edited by §intå×; 08/05/08 12:51 AM.
Liked: JAISP

Member Spotlight
SC, usa
Posts: 506
Joined: March 2002
Show All Member Profiles 
Forum Statistics
Average Daily Posts3
Most Online1,567
Apr 25th, 2010
Latest Postings
There is not any party like an arm party
by bagful on 04/27/17 06:26 AM
The innovative concept keep
by bagful on 04/27/17 06:25 AM
The Nike Blazer Studio Mid Decon
by bagful on 04/27/17 06:24 AM
a fresh white enhance midsole device
by bagful on 04/27/17 06:23 AM
shopping for jewelry with something above
by mikejoey on 04/12/17 08:01 AM
PANDORA North The usa
by mikejoey on 04/12/17 07:38 AM
Pandora’s birthstone products will always
by mikejoey on 04/12/17 07:14 AM
the newest Pandora necklaces crafting facility
by mikejoey on 04/12/17 06:53 AM
an Air Jordan 4 by Off White is in
by mikejoey on 04/12/17 06:35 AM
belonging to the adidas NMD XR1
by mikejoey on 04/12/17 05:50 AM
Top Posters(All Time)
UGN Security 41,148
Gremelin 7,198
§intå× 3,255
SilentRage 1,273
Ice 1,146
pergesu 1,136
Infinite 1,041
jonconley 955
Girlie 908
unreal 860
Top Liked Users (All Time)
§intå× Likes: 3
Black Beard Likes: 1
Cold Sunn Likes: 1
Crime Likes: 1
Cyrez Likes: 1
fleshwound Likes: 1
Ghost Likes: 2
Gremelin Likes: 12
Ice Likes: 1
ninjaneo Likes: 1
Top Liked Users (30 Days)
No Data Found
Powered by UBB.threads™ PHP Forum Software 7.6.0
(Snapshot build 20170206)