firefox background position

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

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

Απάντηση
ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

firefox background position

Δημοσίευση από ertert » 07 Απρ 2009 20:25

Στην παρακάτω σελίδα έχω πρόβλημα με τον Firefox όταν το παράθυρο είναι μικρότερο από την σελίδα… δεν κεντράρει σωστά το φόντο.

Υπάρχει τρόπος να το διορθώσουμε ;;;;

Στον ΙΕ6, ΙΕ7 και Chrome συμπεριφέρεται σωστά όταν το παράθυρο είναι μικρότερο… (Δεν έχω βάλει ΙΕ8 οπότε εάν μπορεί ας το δει κάποιος…)

Ξέρω ότι μπορεί να γίνει με άλλο τρόπο το ίδιο αποτέλεσμα…
(το παρών είναι μέρος από το css)
…δεν πρέπει να αλλάξω καθόλου το «position: absolute;»
…εάν το «outer» έπαιρνε το ύψος των άλλων div θα έβαζα εκεί το φόντο …απλός τώρα εξυπηρετεί να κεντραριστεί η σελίδα

Ευχαριστώ

Κώδικας: Επιλογή όλων

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<style type="text/css">
<!--
body &#123;
  color&#58; #000000;
  font-family&#58; Tahoma, Arial, Helvetica, sans-serif; 
  margin&#58; 0;
  padding&#58; 0;
  background-color&#58; #E6E6E6;
  text-align&#58; center;
  background-image&#58; url&#40;bg-1.gif&#41;;
  background-repeat&#58; repeat-y;
  background-position&#58; top center;
&#125;
/* -------------------------------------------------------------------------- */
.outer &#123; 
  width&#58; 999px; 

  margin-left&#58; auto; 
  margin-right&#58; auto; 
  position&#58; relative;
  text-align&#58; left;
&#125;
/* -------------------------------------------------------------------------- */
.main_column &#123;
  width&#58; 468px;
  padding&#58; 22px 0px 20px 0px;
  position&#58; absolute;
  top&#58; 212px;
  left&#58; 182px;
&#125;
/* -------------------------------------------------------------------------- */
.first_column &#123;
  width&#58; 155px;
  padding&#58; 0px 0px 20px 0px;
  position&#58; absolute;
  top&#58; 212px;
  left&#58; 7px;
&#125;
/* -------------------------------------------------------------------------- */
.second_column &#123;
  width&#58; 322px;
  padding&#58; 12px 0px 20px 0px;
  position&#58; absolute;
  top&#58; 212px;
  left&#58; 670px;
&#125;
-->
</style>
</head>

<body>
<div class="outer">
<div class="main_column">MAIN_COLUMN -- <BR> U.S. President Barack Obama makes an unannounced visit to Baghdad, Iraq. Obama is making the trip, in part, to honor U.S. troops, according to White House Press Secretary Robert Gibbs. "Our men and women who are in harm's way, either in Iraq or Afghanistan, deserve our utmost respect and appreciation," Gibbs reportedly told reporters traveling on Air Force One.</div>
<div class="first_column">FIRST_COLUMN -- <BR> U.S. President Barack Obama makes an unannounced visit to Baghdad, Iraq. Obama is making the trip, in part, to honor U.S. troops, according to White House Press Secretary Robert Gibbs. "Our men and women who are in harm's way, either in Iraq or Afghanistan, deserve our utmost respect and appreciation," Gibbs reportedly told reporters traveling on Air Force One.</div>
<div class="second_column">SECOND_COLUMN -- <BR> U.S. President Barack Obama makes an unannounced visit to Baghdad, Iraq. Obama is making the trip, in part, to honor U.S. troops, according to White House Press Secretary Robert Gibbs. "Our men and women who are in harm's way, either in Iraq or Afghanistan, deserve our utmost respect and appreciation," Gibbs reportedly told reporters traveling on Air Force One.</div>
</div>
</body>
</html>

Συνημμένα
bg-1.gif
(131 Ψηφιολέξεις) Μεταφορτώθηκε 287 φορές

Απάντηση

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

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

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