WebApp Hintergrund

Billbos

Hallo,

ich erstelle grade ein WebApp. Scheinbar ist durch das Einbinden von jQuery der body resettet worden. Darüber bin ich mir aber nicht ganz sicher. Mir geht es nur darum, dass das Hintergrundbild den gesamten Bildschirm nutzt, sprich, dass es keine weissen Stellen mehr gibt. Jemand eine Idee?

http://poure.eu/mobile.fitness_world/

Code

@charset "UTF-8";
/* CSS Document mobile.Fitness_World.de*/


body {
    font-family: 'Open Sans', sans-serif;
    background: url(../img/navy_blue/navy_blue.png) top left repeat;
    }


/* ##################  Absätze ################# */

[data-role=content] p {
    color: #fff;
    }

[data-role=content] p.achtung {
    color: #F00;
    text-decoration: underline;
    font-weight: bold;
    }

/* ##################  Headings ################# */


[data-role=content] h2 {
    font-size: 1.4em;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 1px 0px #333;
    }

/* ##################  Trenlinien ################# */


hr {
    border: 0px; border-bottom: 1px solid #666;
    }


/* ##################  CSS jQuery Hintergrund ################# */




[data-role=content] {
background: url(../img/navy_blue/navy_blue.png) repeat;
    }


/* ##################  CSS jQuery INDEX ################# */


[data-role=content] img.indexfoto {
margin: 5px auto;
display: block;
    }

[data-role=listview] li {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

Alles anzeigen

lukasn

Das ist ja jQery Mobile, in allen Mobile-Browsern die mir zum testen zur Verfügung stehen sieht die Webseite gut aus. Wo genau taucht denn das Problem auf?

Billbos

Hallo,

z.B. Unter dem Menüpunkt Events habe ich unter dem Schriftzug hätte ich weiss als Hintergrund. Das habe ich kompensiert durch <br>'s. Du siehst die Scrollleiste, die nur nur die <br>'s entsteht.

Billbos

Ich habe das Problem wie folgt gelöst:

Code

.ui-page {
    background: url(../img/navy_blue/navy_blue.png);
    background-repeat: repeat;
}
.ui-content{
    background: transparent;
}

Das Body-Element hat sich durch die Einbindung von jQuery nicht angesprochen gefühlt, obwohl ich meine style.css nach der jQuery.css eingebunden habe.
Somit habe ich den background über ui....page angesprochen!

Tags