Περίεργο θέμα με css

[rafinos]

Δείτε δύο ίδια css σε δύο διαφορετικά ids:

#online_scoreboard_login{
	background-image: url("style_images/movie_quiz_background.jpg");
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

#alert{
	background-image: url("style_images/movie_quiz_background.jpg");
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

Το πρώτο πιάνει ακριβώς ολόκληρη την οθόνη του κινητού μου ενώ το δεύτερο πιάνει λίγο παραπάνω και ως προς τα οριζόντια και ως προς τα κάθετα με αποτέλεσμα να υπάρχει θέμα με scrolling. 

 

Μπορεί να μου εξηγήσει κάποιος τι φταίει ή να πάω στο τρελάδικο;

[WebDevGr]

Προφανώς δεν έχει να κάνει με τον κώδικα που έχεις παραθέσει. Κάπου αλλού είναι το πρόβλημα σου.

 

Αν θέλεις δώσε link για να μπορέσουμε να σε βοηθήσουμε

[rafinos]

Δεν είναι λινκ... android εφαρμογή σε webview είναι.

 

Στον chrome του pc δουλεύει κανονικά αυτό είναι το παράδοξο της υπόθεσης.

 

Αν μπείς στο http://moviequiz.gr/quiz(μόνο από chrome) μπορείς να δεις περί τίνος πρόκειται αλλά τα div για τα οποία μιλάω δεν έχουν προστεθεί ακόμα μιας που δεν λειτουργεί όπως ακριβώς το θέλω στο android. Η σελίδα που σου έστειλα είναι η "και καλά" προσομοίωση της εφαρμογής.

[XPHSTOS_]

1) Το link που δίνεις βγάζει "Forbidden"

2) Θα κοιτούσα τα parent elements των 2 ID.
Δες το μέγεθος ή το positioning τους.

[WebDevGr]

Η λέξη alert είναι πολύ κοινή κι αν φορτώνει η εφαρμογή σου κι άλλο CSS μπορεί εκεί να υπάρχει κάποια δήλωση.

[AlexPc]

Αν χρησιμοποιείς bootstrap τότε για αυτό υπάρχει το πρόβλημα στο alert. 

[rafinos]

1ον. Συγγνώμη για την παράληψή μου. Το σωστό λινκ είναι αυτό http://moviequiz.gr/quiz/play.html

2ον. Στα αρχεία της εφαρμογής υπάρχει μόνο ένα css.

3ον. Δεν χρησιμοποιώ boostrap.

4ον. Το πρόβλημα το αντιμετωπίζω σε ένα ακόμα div με τον ίδιο κώδικα css που έχει id #register_form (γενικότερα έχω πολλά divs που έχουν ακριβώς αυτό το css καθώς τα κρύβω και τα εμφανίζω ανάλογα με το επιλογές κάνει ο χρήστης μέσα στο κουίζ).

 

Στο div αυτό έχει και άλλα divs μέσα και νόμιζα πως φταίνε αυτά. Αλλά μόνο και μόνο για να το δω έσβησα τα περιεχόμενα και το άφησα μόνο του αλλά και πάλι υπήρχε το θέμα. Τώρα θα μου πείτε μπορεί να είναι και θέμα του webview γιατί όπως προείπα στον Chrome στο pc δεν υπάρχει τέτοιο θέμα (αλλά εδώ είναι που κολλάω γιατί το webview του android βασίζεται στον Chrome).

[angmar]

Μπορείς να δοκιμάσεις το mobile debugging του Chrome https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debuggingγια να σε βοηθήσει να εντοπισεις το πρόβλημα. 

[rafinos]

Μπορείς να δοκιμάσεις το mobile debugging του Chrome https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debuggingγια να σε βοηθήσει να εντοπισεις το πρόβλημα. 

Για κάποιο λόγο το κινητό μου δε θέλει να συνδέεται σε υπολογιστές (unknown device)!

 

Τελικά πρόσθεσα αυτό στον κώδικα:

	padding: 0px;
	margin: 0px;

και πλέον δεν υπάρχει θέμα.

[WebDevGr]

To css reset νομίζω επιβάλλεται σε όλα τα project