Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hey everyone,
I was just wondering if IE and firefox are handling the thin option for borders different ?
When I use the thin option for my borders, firefox show them really thin . . how it suppose to be. And IE show them a bit thicker, is this a bug? or just different border handling by different browsers ? -
how thisk are you trying to make the border
-
-
CommentAuthorMister Bubbles
- CommentTimeJul 17th 2006
Thing option? Would you write out what exactly you are talking about? Are you using CSS, or just and option on your internet browser? And if so, which browser are you using? -
-
Calvin,
try this;
border:1px solid #333333; -
You're better off defining an exact width, such as "1px"
-
sorry for the lack of information in my first post
using IE6 and firefox 1.5
making borders around my divs, for example:
border-bottom:thin;
border-bottom-style:solid;
Iam trying to make them as thin as possible . . i guess that is 1 pix ?
when i preview this in my browsers, I see that in IE6 the borders are a bit thicker then when viewing in firefox
edit: whoops, my reply and ur guys reply were crossing hehe -
doh, I'm one minute too slow... do what kmg said
-
calvin - im curious to see how your site is coming along- send the link
-
http://www.c-styled.com/betax/main.php
this is still the stuff without the borders beeing fixed, notice the differences in thickness of the border in each articles header ( the one under the "posted by..." and the one on the right of the date )
going to change the code to 1 px and 1 line of code instead of declearing everything seperately
edit:fixing little stuff like these, and making it looks good/same in more browsers takes me more time then actually designing and making my site LOL -
kmg,
the solution you gave me seems to work, thnx :) -
Calvin
lookin sweet! like the images/corner.gif did you create that yourself? -
thnx :)
Yeah i made everything myself, there are plenty of tutorials on the web though for making pagecurl effects and stuff :)
Hope to finish my site before school starts again hehe -
thanks i'll check them out - it is the small details that makes sites look great in my opinion.
heres an example of 1line code for your borders and background for post div
#post{
background:url(images/corner.gif) top right no-repeat;
border:1px 1px 8px 1px solid #4b4b4b;
} -
ahh thhnx,
Going to skim throught my code and change all the stuff to one line . . much better :) -
its about time I learn how to 1-line borders...
-
-
CommentAuthorMister Bubbles
- CommentTimeJul 17th 2006
Don't put "thin" in your CSS. Just use a definite px amount... -
-
-
CommentAuthorMister Bubbles
- CommentTimeJul 17th 2006
And I also like your layout so far! It rocks. Nice job. -
-
thnx mister bubbles :)
-
Calvin -
i noticed you have a dotted border on .catlist li, IE unfortuntely will render that as a dashed line instead of dotted. dont know if your care or not but to fix create a dotted image in photoshop or fireworks. Also your list style in IE does'nt line up exactly with the list items. To create exactly what you have with everything in same position and height except bullets in-line and dotted bottom border do this;
.catlist li{
width:175px;
margin:0px 45px 0px 25px;
padding:5px 0px 0px 0px;
line-height:25px;
background:url(dotted_image.gif) repeat-x left bottom; -
hehe funny, last night when I was doing my categories part I was getting confused of the dotted/dashed lines and bullets not aligning good, but i thought i will try to figure this out myself first :p I searched the internet and saw that there were no fix for the dotted lines except using graphics. Guess I will have to use the dotted graphics. IE should bring out one patch to fix all those little bugs . . but ofcourse they are now focused on IE7 =/
Thnx for the fix
1 to 20 of 20