Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › General / Announcements › CSS › Negative margins on an iphone display.

View all replies to this thread

Negative margins on an iphone display.

Thread began 7/17/2013 1:15 am by CraigR | Last modified 7/17/2013 7:21 am by CraigR | 3655 views | 2 replies

7/17/2013 1:15 amCraigRBeta Tester

Negative margins on an iphone display.

Further to a question I raised in another thread, about an effective Iphone emulator/debugger, http://www.webassist.com/forums/posts.php?id=31763
, I think I have got to the nub of the issue.

I have a list which I am manipulating with CSS so I can split it across 3 columns
When the first line item in the second column is displayed, I have a negative margin set, which is equivalent to the line height * the number of elements in the list.
This effectively resets the position of the top of the second column, so it is perfect alignment with the first, and so on
I have this working and looking good on everything except on phones and ipod touch.
I have tried with ems, pixels and points.

The site is legacy and is not designed for mobile devices, so there are no media queries

Just wondered how I can set the negative margin so it displays properly on all devices

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.