CSS Border Problem
-
pls refer to http://www.ntutors.com/, lazy to get screenie.
im doing the website using joomla, but the issue is.. u see the border on the left side is clear and crisp, the right side the border is like machiam blended halfway with the orange background.
how come arh?
i tested using firefox and IE, both same. unless my monitor spoil or wad..
-
Could be the way you code your CSS template. Mind showing so that people can help to correct it?
-
oo pai seh
code:
.left_plane {
position:absolute;
top:0px;
left:0px;
border-style:solid;
border-top-style:none;
border-bottom-style:none;
border-left-style:none;
border-width:1px;
border-color:#000000;
background-color:#FF9900;
width:200px;
height:100%;
overflow:visible;
}
-> this is the right plane with funny border.
.right_plane {
position:absolute;
top:0px;
right:0px;
border-style:solid;
border-top-style:none;
border-bottom-style:none;
border-right-style:none;
border-width:1px;
border-color:#000000;
background-color:#FF9900;
width:30px;
height:100%;
overflow:visible;
} -
what do you mean by blended ? ... took a look and it seems okay ... your stylesheet classes are identical, just left and right eh ? ...
I'm using firefox .... -
ya lor.. dats y i feel weird, wanna make sure if its juz me or everyone else.Originally posted by Fatum:what do you mean by blended ? ... took a look and it seems okay ... your stylesheet classes are identical, just left and right eh ? ...
I'm using firefox .... -
I presume you're working on xhtml, to be using stylesheets then ? ...Originally posted by Ito_^:ya lor.. dats y i feel weird, wanna make sure if its juz me or everyone else.
put it through the w3c validator, and see if it throws up any problems ... maybe you can catch your problem there ...
-
juz several warnings on redefinition on the borders.Originally posted by Fatum:I presume you're working on xhtml, to be using stylesheets then ? ...
put it through the w3c validator, and see if it throws up any problems ... maybe you can catch your problem there ...
and 1 on background colour, which i dun understand.
Line : 11 (Level : 1) You have no color with your background-color : .right_plane
i think its juz me ba..
-
throw up a screenshot lah ... then we'll really know if we're talking about the same thing ...
as for the above problems ... try making everything "strict" instead of "transitional" ....
-
haha, its the width that gives u the false perception. take a closer look on each plane at a time.
-
holy i think u're right..Originally posted by kaobeikaobu:haha, its the width that gives u the false perception. take a closer look on each plane at a time.
i took a screenie den zoom it, the border is juz outside the orange plane.
how come arh.. i feels like there is one more px outside the border if never zoom in. -
Can remove the right plane? So it doesn't affect. Or just change the colour to white. It works though, but will have some funny problems later if more content is added.
-
the colours won't be the same, im using them to confirm the layout position first, so its not a big problem.Originally posted by ndmmxiaomayi:Can remove the right plane? So it doesn't affect. Or just change the colour to white. It works though, but will have some funny problems later if more content is added.