Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

ie5.5 image problem

Status
Not open for further replies.

davaddavad

Programmer
Jan 15, 2002
7
US
Hi from dave. I a seeing a red line under under my images in ie5.5 they arent showing in nn4.7 . Here is a copy of the style file for ie. I am new to css. I m not sure but i think i am inheriting the red line from layer1div. any help would be appreciated.
Thank you dave



#layer1Div {position:absolute; left:100; top:100; width:175; height:250; background-color:red; layer-background-color:transparent; visibility:visible;}
#layer2Div {position:absolute; left:100; top:500; width:400; height:800; background-color:white; layer-background-color:white; visibility:visible;}
#layer3Div {position:absolute; left:530; top:100; width:200; background-color:white; layer-background-color:white; visibility:visible;}
#layer4Div {position:absolute; left:60; top:1320; width:500; background-color:white; layer-background-color:white; visibility:visible;}
#layer5Div {position:absolute; left:200; top:840; width:500; background-color:white; layer-background-color:white; visibility:visible;}
#layer6Div {position:absolute; left:400; top:120; background-color:white; layer-background-color:white; visibility:visible;}
#table {position:absolute; left:200; top:600; font-weight:bold; color : #00ff00;}
#title {position:absolute; left:200; top:30; width:400; font-size:18pt; font-weight:bold; color : #00ff00; font-style:italic;}
#links {position:absolute; left:15; top:110; width:100; font-size:10pt; font-weight:bold;}
#content {position:absolute; left:120; top:85; width:400; font-size:10pt; color : #000000;}
#right {position:absolute; right:0; top:85; width:100; font-size:10pt; color : #000000;}
P { color: #000000; font-size: 12pt }
P:first-letter { color: #0000ff; font-size: 150% }
P:first-line { color: #000000 }
A:link, A:visited, A:active { text-decoration: none }
A:link {text-color: red }
A:hover {text-decoration: underline }
A:active { color: red }
A:visited { color: red }

BODY {font-family:"Arial";}
 
well, the link you gave us shows a different css file.

---> stylenn.css --->
#layer1Div {position:absolute; left:100; top:100; width:300; height:350; background-color:red; layer-background-color:red; visibility:visible;}
#layer2Div {position:absolute; left:100; top:500; width:450; height:800; background-color:white; layer-background-color:white; visibility:visible;}
#layer3Div {position:absolute; left:650; top:100; width:200; background-color:white; layer-background-color:white; visibility:visible;}
#layer4Div {position:absolute; left:130; top:1400; width:500; background-color:white; layer-background-color:white; visibility:visible;}
#layer5Div {position:absolute; left:200; top:840; width:500; background-color:white; layer-background-color:white; visibility:visible;}
#layer6Div {position:absolute; left:400; top:120; background-color:white; layer-background-color:white; visibility:visible;}
#table {position:absolute; left:200; top:600; font-weight:bold; color : #00ff00;}
#title {position:absolute; left:200; top:30; width:400; font-size:18pt; font-weight:bold; color : #00ff00; font-style:italic;}
#links {position:absolute; left:15; top:110; width:100; font-size:10pt; font-weight:bold;}
#content {position:absolute; left:120; top:85; width:450; font-size:10pt; color : #000000;}
#right {position:absolute; right:0; top:85; width:100; font-size:10pt; color : #000000;}
P { color: #000000; font-size: 12pt }
P:first-letter { color: #0000ff; font-size: 150% }
P:first-line { color: #000000 }
A:link, A:visited, A:active { text-decoration: none }
A:link {text-color: red }
A:hover {text-decoration: underline }
A:active { color: red }
A:visited { color: red }

BODY {font-family:"Arial";}

i think if you make the height of layer1Div 300 instead of 350 you will be fine. but im not sure.

BobbaFet
Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com

Heineken is like making love in a cano... it's f*cking close to water !!!
 
Yes i have 2 style sheets one for nn4.7 which was displaying correctly and the one i posted for ie which was showing the red line.

#layer1Div {position:absolute; left:100; top:100; width:175; height:250; background-color:red; layer-background-color:transparent; visibility:visible;}

I found the fix

#layer1Div {position:absolute; left:100; top:100; width:175; height:250; background-color:white; layer-background-color:transparent; visibility:visible;}

Changing the layer background from red to white solved it

thanks all


__________________
code rules when content is king

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top