Κατ’ακριβεια η ερωτηση ειναι απλή και πιθανόν να μην απαιτειται να ειστε guru για να απαντήσετε! Φτιάχνω μια πολυ απλή σελίδα HTML με το ακόλουθο περιεχόμενο:
<html> <body> <div style="background-color:777777; left:10; right:10; top:10; bottom:10; position:absolute"> <center>hello</center> </div> </body> </html>
Ενώ αυτη δουλευει όπως θα περίμενα σε firefox [το πλαίσιο φτάνει μέχρι τα προκαθορισμένα όρια, 10 pixels απο κάθε πλευρά], στον ΙΕ ειναι αρκετά απρόβλεπτη [περιορίζεται γυρω απ’το κείμενο].
Φαντάζομαι πως το φταίξιμο το έχει ο Μπίλ και η ομάδα του, αλλά μήπως γνωρίζει καποιος απο σας κανένα work-around;
Φίλε Νέαρχε, φαίνεται ότι χρησιμοποιώντας ποσοστά, και "width" και "height" αντί των "right" και "bottom" αντίστοιχα, ίσως να μπορέσεις να πετύχεις κάτι παρόμοιο με αυτό που προσπαθείς. Δοκίμασε:
<html> <body> <center> <div style="background-color:777777; left:5%; top:5%; position:absolute; width: 90%; height: 90%;"> hello, world!</div> </center> </body> </html>
-- Χρίστος Ευαγγέλου ~christose, January 08, 2005
Μπορείτε αν θέλετε να γράφετε κώδικα χρησιμοποιώντας τα σύμβολα %% ως εξής
...μια πολύ απλή σελίδα HTML με το ακόλουθο περιεχόμενο: %% <html> <body> <div style="background-color:777777; left:10; right:10; top:10; bottom:10; position:absolute"> <center>hello</center> </div> </body> </html>Το άνωθεν δημιουργεί το εξής:
…μια πολύ απλή σελίδα HTML με το ακόλουθο περιεχόμενο:
<html> <body> <div style="background-color:777777; left:10; right:10; top:10; bottom:10; position:absolute"> <center>hello</center> </div> </body> </html>-- Νεόφυτος Δημητρίου ~k2pts, January 08, 2005
Νεόφυτε, χρησιμοποιώντας %% το κείμενο όταν έχει μεγάλες σε μήκος γραμμές δεν εμφανίζεται σωστά, ούτε σε Internet Explorer ούτε σε Firefox. Σου αποστέλνω οθόνη μέσω email.
Το πρόβλημα μου φαίνεται ότι είναι στο stylesheet σου για το .code έχεις προκαθορίσει το μέγεθος του κουτιού σε 450px.
-- Χρίστος Ευαγγέλου ~christose, January 08, 2005
Φαντάζομαι ότι θες να έχεις περιθώριο 10px στην σελίδα σου. Αυτό μπορείς να το κάνεις ως εξής:
<html> <body> <div style="background-color: #777777; margin: 10px;"> <center>hello</center> </div> </body> </html>Ωστόσο μερικοί φυλλομετρητές καθορίζουν padding ή margin για το body ως 10px. Όπότε πιθανόν να έχεις περισσότερο περιθώριο από αυτό που επιθυμείς. Τέλος θα συνιστούσα να χρησιμοιήσεις CSS για να πετύχεις αυτό που θες.
<html> <head> <style> body { background: #777777; margin: 10px; padding: 0px; text-align: center; } </style> </head> <body> hello </body> </html>Όσον αφορά το position: absolute δεν μπορείς να δηλώσεις και τα τέσσερα στοιχεία: left,right,top,bottom μαζί, παρά μόνο δύο (αυτά τα δύο δεν μπορεί να είναι left+right, ή top+bottom) όπως top+left. Το left: 10px σημαίνει πως το block-element – στην περίπτωσή μας το div – θα απέχει 10px από το αριστερό μέρος της οθόνης. Παρόμοια και για τα υπόλοιπα.
-- Ιάκωβος Κωνσταντίνου ~iacovos, January 08, 2005
Φίλε Χρίστο, έτσι πρέπει να εμφανίζεται ώστε να μην παραμορφώνεται η σελίδα στις μεγάλες γραμμές. Βέβαια, σηκώνει βελτιώσεις όπως για παράδειγμα wrapping ή ζεύξη για μεταφόρτωση του περιεχόμενου αλλά σιγά-σιγά.
-- Νεόφυτος Δημητρίου ~k2pts, January 08, 2005