Well so the code is working correctly, what can be done is to change the width even larger --- or i can tell you what to change in the css to "break" it again .. Its all driven by 2 CSS sections..
OLD
body{
background:#000;
color:#000;
font:12px Arial;
margin:0;
padding:0
}
#container{
border:1px solid #ccc;
text-align:left;
background:#FFF;
padding:4px
}
NEW
body{
background:#000;
color:#000;
font:12px Arial;
margin:0;
padding:0;
text-align:center;
}
#container{
text-align:left;
background:url(2.jpg);
padding:4px;
margin:0 auto;
}
I'm not even sure what the old one was doing, it was confused.. But in the body section, the text-align:center is needed and in the #container section the key line is text-align:left (to make it not all centered) and margin:0 auto; (the auto is key).
Also the width is controlled by this:
@media screen{
#container {
max-width: 540px;
}
}
(media screen just means what it looks like on the screen), it would have print full width.
So its easy to fix it back to whatever you want.. Not sure what I should do with the main release files.. I'm thinking specifying a width. On my BB it fills the screen but its narrower than the monster phone you have.
