Sorry , I can’t tell you what’s wrong with your sidebar (don’t know enough about html) but I can’t see any difference between the view in IE6 and Firefox
but it does!!!…. i see it all screwed up..in ie6 the no of the comment is outside the border and in firefox it is indented with a margin= 10px :((
I think there are 2 things that need to be done.
1) for the comments, you could style the ol id=”commentlist” style=”margin: -6px”. I’ve read somewhere IE has a problem with margins, so you could try to alter that and see what the results are. An option is to use padding (with a positive number) and see if that is easier to work with (my favourite)
2) in IE and FF your menu appears in the post area, crossing the border, and this is caused by the absolute positioning of it. You could try to float it to the right. Ofcourse, you content div is styled to be 75%, so you have to take that into account too. Eg by removing the 75% and see whether it will then fit the rest of the screen beside the menu and resize when necessery.
1. i tried the ol#commentlist tag…it made no difference…it’s like the screw up occuring becoz of a styling in the css layout instead of the comments.php file…
2. do u mean that the menu is overlapping the main content div? i thot i fixed it a long time ago…can u tell me ur screen resolutions please…?
I think a quick fix would be to add padding for where your posts/main content is, IE should then behave
Maybe try adding a display:inline; to your content style…theoretically this would display the menu directly to the right of the content….
1. thanks scrosely…lemme try..ill add an upadate…
2. dawg: if i add a padding it will correct the ie thingy but won’t it also mess the perfect appearence i get wid firefox?
scrosely…u are god!!! it worked…it freakin’ worked like freakin’ hell..please allow me to reciprocate the favour…tell me the url of ur blog…id like to link back to it π
edit: there remains one more thing to be fixed…can u tell me why the visited links still appear in that purple shade, even though i’ve added a cuztomized a:visited tag?
My screen resolution is 1280*1024, and yours is 1024*786. =) Actually there are troubles for 800*600 too.
The color of visited links is because you should put a # in front, except when you use the name itself:
eg:
color: blue;
color: #0000ff
is there a remedy for fixing the error wid diff screen resolutions?
i already use % instead of px or em to define margins…
abt the color..silly me…
You could try to have the width of the menu set at 25% instead of a fixed width. That will probably look ok for your resolution. I’ll check the other ones.
thanks…will try an update π
update: i’ve changed the width frm 180px to 25% hope it does the trick now…the visited link thingy has also been fixed. thanks
I see you tried but ofcourse it didn’t work (I forgot it had a position too).
Try this instead:
#menu {
float: right;
padding-top: 20px;
font-size: normal;
width: 25%px;
}
The width should probably be set to something less than 25%, you’ll notice it when the posts disappear to the bottom of the screen.
thanks..will do it today π
changes made…tell me if it works, please..