On Jan 14, 2012, at 10:14 AM, Christian Ziebarth wrote:
> Can anyone help me figure out why in iPad portrait mode the "content" DIV
> (the one with the leather background) of the following page doesn't stretch
> all the way to the right boundary?
>
> http://porscherepairfountainvalley.com/contact.php
>
> I have done a lot of debugging the best I can considering there is nothing
> like Firebug for iPad and so far have turned up empty. The problem doesn't
> replicate when checked at http://ipadpeek.com/
>
> If you check it now and see something wacky with the code that's probably the
> fruit of frustration with all this and artifacts of prior failed attempts at
> repair. Oh, and the purple outline is temporary.
You can reproduce that with Safari or Firefox if your window is narrow enough
(about 800~900px).
The width is specified as 680px on line 322 of your stylesheet, overriding the
900px width set in the media query on line 2192.
It is a specificity issue actually.
line 322 you have
.page-template-page-full-php #content, .archive.ts-sidebar #content,
.search.ts-sidebar #content, .home #content, .blog #content { }
while line 2192 you have
#content { }
The first ones are much more specific and override the latter.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
