XHanch Studio Log in | Register | Cart

Forum

[Troubleshoot] &quo...
 
Notifications
Clear all

[Troubleshoot] "vertical-align" not working in Chrome

3 Posts
3 Users
0 Likes
1,203 Views
(@itachi)
Posts: 51
Member
Topic starter
 

Hello,

I put an ad on the top right side of an image using these CSS code:

.sidead { display: inline; vertical-align: top;}

It works with Firefox and IE but on Chrome, the ad stays at the bottom side of the image. Do you know what is wrong with my code?

http://www.likenaruto.com/manga/naruto/551/11

Thanks.

Wp-Manga Site:
http://www.likenaruto.com/manga/
http://www.mangacake.com/

 
Posted : 24/08/2011 9:08 am
(@gamedemon)
Posts: 30
Eminent Member
 

I have chrome and I only see an ad banner on the top of the website, nothing on the bottom. Nothing wrong with that code.

 
Posted : 25/08/2011 2:14 am
XHanch
(@xhanch-alt)
Posts: 2105
Member Admin
 

As I know, vertical-align will work on most browsers if the display is table-cell.

You should use float to maintain browsers compatibility:
http://www.elated.com/articles/css-floats/

I have chrome and I only see an ad banner on the top of the website, nothing on the bottom. Nothing wrong with that code.

🙂 You should see an ad on the right side of the manga image, but it is displayed at the right bottom (not at the right top)

 
Posted : 25/08/2011 3:05 am
Share:

× Close Menu