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

Started by Itachi, August 24, 2011, 03:08:20 AM

previous topic - next topic
Go Down

Itachi

August 24, 2011, 03:08:20 AM Last Edit: April 21, 2012, 11:04:42 AM by Xhanch Studio
Hello,

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

Code Select
.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.

GameDemon

August 24, 2011, 08:14:01 PM #1 Last Edit: April 21, 2012, 11:05:12 AM by Xhanch Studio
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.

Xhanch Studio

August 24, 2011, 09:05:23 PM #2 Last Edit: April 21, 2012, 11:05:37 AM by Xhanch Studio
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/

Quote from: GameDemon on August 24, 2011, 08:14:01 PM
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)
Best Regards,
Susanto B.Sc
----------------------------------------------------------------------------
Web development services, WordPress plugin and theme development, PSD to XHTML conversion - http://xhanch.com
Read free manga online - http://authrone.com

Go Up