This is our website link
http://navttc.org/index.php/home
Here you can see our partners scrolling using marquee, i have set the images to align center and even try to do with css i.e style="margin: auto;" but still images are not align in Firefox and IE only center align in CHROME can you tell me what could be the reason behind this ?
Please try this CSS code:
.bjmod-content
{width:128px; margin:auto;}
Try styling the image to display: block in order for it to work with auto margins.
Related
Regarding this in desktop view, I have difficulties to bring the svg triangles on the top of the green stacks to their vertical flex-end on IE11, see screen capture. Chrome and others work properly.
I tried some ideas that I got from CanIUse, but I wasn't able to get it working. Bootstrap 3 is present. Thanks for any hint.
You can remove all style of .tg-nh-rating-table svg and add
.tg-nh-rating-table svg {
height: 50px;
}
It seem IE11 realize svg is 100%, the same height with wrap div pylon-end. So just add height for svg. This will work.
This site is displayed properly in chrome, firefox and also IE9. But it does not display properly in IE8.
I tried all thing like margin:0px auto, display : block but it does not display properly.
Please help me.
Thanks in advance.
The site look nice in IE8... write exacty what do you want to change...
Some tweaks that you should make:
for Search side:
add a vertical align for the number in the rounded thing;
changeSearchForm .number_bg{ display:table;}
changeSearchForm .number_bg span { display: table-cell; vertical-align: middle; }
make the inputs and inputs images smaller
use some font awesome icons
fix the margins for the footer in IE
if you want to make a circle, all the border with 50%, so it's always a circle, does not matter the with and height.
P.S. Next time work in % for the 'skeleton', base site architecture :)
I am able to see the issues you mentioned in IE quirks mode, actually IE8 is working fine.
Still if you need to fix this issue, Do this -
Add text-align center to the main div(class-skin) or even body tag - this will center the content and then add text-align:left to the content div(class = outter-wrapper) so that again text-align will be set to default for the content.
.skin{text-align:center;}
.outter-wrapper{text-align-left;}
Thanks,
Karthik.
I used JQuery fullscreen plugin ( http://srobbin.com/jquery-plugins/jquery-backstretch/ ), And some CSS techniques for vertical aligning a <div> everything works in FF/Chrome but none of IE browsers shows it correctly. it's the website: http://negar.in
Solved using table instead of div for vertical alignment.
I am having a problem with IE. The url to my site is www.trecall.com. I want to put a margin on the left side of the animated menu, to make the menu centered on the page. This works fine in FF, but in IE, the margin does not show up.
Any idea why?
THANK YOU!!
You can try wrapping it in another div and using padding on that. IE is not very good with margins.
Playing with left margin is not the correct way to do horizontal centering, it'll only work on your own display resolution..
see this for horizontal centering in css (old but still correct)
I currently am comparing this in Safari and Firefox.
A small image inside a div, which I need to center vertically.
Here is a simple test case that I have distilled down:
http://dl.getdropbox.com/u/340087/Drops/09.23.09/so-03f73322-164033.html
This one is probably even more simple:
http://dl.getdropbox.com/u/340087/drops/09.23.09/align-42fc19f2-154007.html
1) Why do I need a space after the image in order to get any align css to work?
2) What can I do to get Safari to perfectly center, it is 1-2px too low, essentially lining up the top of the image with the text.
Thanks
Images are considered inline elements, so they're basically treated as text.
If you want exact positioning across browsers, the safest way is to use the image for a background, rather than an inline img element.
Enclose the text in a span, and apply vertical-align to that as well.
HTML snippet:
<div class="right">
<img src="action_check.png" width="16" height="16" class="status" alt="Data Ok" />
<span>Chose a User Name</span>
</div>
CSS addition:
span { vertical-align: middle; }
Tested in recent versions of FF, IE, Safari, Chrome and Opera (Windows).
Try the universal selector:
div * { vertical-align: middle }
or go old school (if you can) and use tables?
There's always a difference of few pixels in Safari (Mac) and browsers because of the way safari renders text. Read about it here.