position:absolute

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
kat_sm
Δημοσιεύσεις: 27
Εγγραφή: 19 Σεπ 2009 00:25

position:absolute

Δημοσίευση από kat_sm » 12 Ιαν 2012 15:13

καταλαβαινω πως δουλευει η ιδιοτητα οταν η αποσταση του στοιχειου απο το γονικο του ειναι εκφρασμενη σε px αν ομως ειναι εκφρασμενη σε em τοτε πως υπολογιζετε?
για παραδειγμα αν εχω
<html>
<head>
<style type="text/css">
h2
{
position:absolute;
left:2em;
top:150px;
}
</style>
</head>

<body>
<h2>This is a heading with an absolute position</h2>
<p>With absolute positioning, an element can be placed anywhere on a page. The heading below is placed 100px from the left of the page and 150px from the top of the page.</p>
</body>

</html>

αυτο το 2em ποσο θα ειναι ?

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

position:absolute

Δημοσίευση από korgr » 12 Ιαν 2012 16:07

Το em αναφέρεται στο default font size του browser. Αν δεν το έχει αλλάξει ο χρήστης από τα settings τότε συνήθως 1em=16px οπότε 2em = 32px.
Δεν μπορείς όμως να στηριχθείς σε αυτό περιμένοντας fixed αποτέλεσμα. Γενικά 2em είναι σαν να λέμε "διπλάσιο από όσο το έχει ορίσει ο χρήστης ή από όσο είναι το default font size του browser"

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες