www.barcelonadayspa.com

So the menu works in every browser, except for safari on the iphone and ipad. It works for safari on the laptop -_-.

What do I do?


Example of it on the ipad:


This post was edited by PixileDust on Dec 2 2012 04:33pm

Maybe it's not that obvious, but you need to post your code.....

This. Also I don't know if you've tried but increase the width to the container see what happens, since every browser renders differently its possible that the container width is not large enough for the item to float left which is why it is putting it on next line.

As for your drop-down menu, if you've given up on it you should really say it in your other thread.

http://forums.d2jsp.org/topic.php?t=65369574&f=126

This post was edited by TCP on Dec 3 2012 05:37pm

the difference is the container size on each browser, so every time I change it to accommodate one, it messes up on another.

well the first three things that come to mind is to detect what browser the person is using than use a different css page if its safari. The second is to make the width the same as safari browser and re-adjust positioning, since safari seems to be the one having problems. The third, I am not sure by how much pixels your last link is off by,but you can try to use margin-left and move it over to left a bit more to see if it will fit.

This post was edited by TCP on Dec 3 2012 09:02pm

This is where you use a CSS reset. Then you can develop using any browser you want, and it'll just come down to the tools available since the look will be universal.

That will mostly likely fix your problem, but IE could still be a problem child. If it is, then use an IE specific css sheet.

This. You can also make style specific to the device IE: Phone, Tablet, etc..