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 Chriss Miller 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
Joined
Jan 15, 2002
Messages
7
Location
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