Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
Άβαταρ μέλους
PanosIlio
Honorary Member
Δημοσιεύσεις: 2461
Εγγραφή: 20 Σεπ 2005 14:21
Τοποθεσία: Δραπετσώνα
Επικοινωνία:

Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Δημοσίευση από PanosIlio » 04 Απρ 2008 12:02

Καλημέρα,

Έχω μια απλή σελίδα HTML που μέσα έχει απλά ένα πίνακα με πλάτος 500px με 1 στήλη και κάποια κελιά που και σε αυτά έχω βάλει πλάτος 500px

Στο πρώτο κελί έχω βάλει ένα γραφικό επίσης 500px και στα από κάτω κελιά έχω κείμενο. Στις ιδιότητες των κελιών έχω δώσει να κάνει wrap το κείμενο.

Όταν ανοίγω τη σελίδα σε ΙΕ7 το table παραμένει όπως είναι, δηλαδή 500 px και το κείμενο κάνει wrap.

Όταν ανοίγω τη σελίδα σε firefox το γραφικό που είναι 500px μένει σταθερό αλλά ο πίνακας ξεχειλώνει, τα κελιά δεν κάνουν wrap το κείμενο και γίνεται ένα μπάχαλο.

Γιατί συμβαίνει αυτό?
Εικόνα

Friendship often ends in love; but love in friendship - never.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Δημοσίευση από skeftomilos » 04 Απρ 2008 13:56

Μια περίπτωση είναι να μην καταλαβαίνει ο Firefox το πλάτος με τον τρόπο που του το έχεις δώσει. Πώς το γράφεις;

width=500
width=500px
width="500"
width="500px"
style="width:500"
style="width:500px"

Άβαταρ μέλους
PanosIlio
Honorary Member
Δημοσιεύσεις: 2461
Εγγραφή: 20 Σεπ 2005 14:21
Τοποθεσία: Δραπετσώνα
Επικοινωνία:

Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Δημοσίευση από PanosIlio » 04 Απρ 2008 14:01

skeftomilos έγραψε:style="width:500px"
έτσι το δίνω

Μέχρι και στο body έχω δώσει width: 500px :P αλλά και πάλι
Εικόνα

Friendship often ends in love; but love in friendship - never.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Δημοσίευση από skeftomilos » 04 Απρ 2008 14:24

Καλά το δίνεις το πλάτος. Έχεις πρόχειρο τον κώδικα να τον δούμε; (προτιμότερη μια απλοποιημένη εκδοχή).

Άβαταρ μέλους
PanosIlio
Honorary Member
Δημοσιεύσεις: 2461
Εγγραφή: 20 Σεπ 2005 14:21
Τοποθεσία: Δραπετσώνα
Επικοινωνία:

Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Δημοσίευση από PanosIlio » 04 Απρ 2008 14:34

(Αν μπορούσα να το απλοποιήσω θα το έκανα)

Εκδοχή Α (παίζει καλά σε FF)

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

<table cellSpacing="0" cellPadding="0" style="width&#58;500px" border="0">
			<tr>
				<td vAlign="top" style="width&#58; 500px">dkfja;lkdjfh ;kjdfhlaksjdhf 
				lkajdsfh lkjds fhlkdjs hflkdjsh faldksaj hfdlskj fhlkdsja 
				hflksjad hlkajds hflkdsja hflkdsaj hlkdsaj hlksadj hlkjsd 
				hlkjdsa halkjsadhfakhflaiwuhepdlkj adlsakajf hlaskdj hflkdsja 
				hflksjd hflksjda ahflksajda hflksjd hflkjsa hflkjdh flkdsja 
				fhalksjd halkj hflksdjhf lkasjdhaf alksdj fhlksdj hflksdj 
				fhlkjsad fhlkjds hflksdj hflaksjdh flkdasj hflaskd</td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px">&nbsp;</td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">
				<ul>
					<li>2006-2007&#58; +2,93% </li>
					<li>2005 &#8211; 2006&#58; +2,19% </li>
				</ul>
				</span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">dsjklfj 
				hglskdjh lksdjfhg lksdjf hlsdhlkdfjh kljcxnvl kdjfhv lksdfj 
				hvlkfjd vsdfsvcmxbv lkjvlkjcv lkjxcb&nbsp; m,nbxc, ,cnbv,mxcbvl 
				sfdkjvb lkfjbvlkjcb vlkjcb lkjcv lkjcxb lvkjlbkxjc blkxjcbzlvkjc 
				blvk lkjxcb lkjcxv</span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px">jdshfsl kjdh lksajh flsjah 
				lksjah lkjcv,c xnzcbv lj lkjckxjbv,xnbv,xmznbvxvvja</td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">&#40;Πίνακας VI - Μηνιαίοι υπο-δείκτες 
				ομάδων ειδών ΔΤΚ, περιόδου 1999-2008 &#40;Φεβρουάριος&#41; &#40;Έτος βάσης &#58; 
				2005=100,0&#41; -Αρχείο σε μορφή xls&#41;</span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px">&nbsp;</td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">Προς διευκόλυνσή σας 
				μπορείτε να ανοίξετε το παραπάνω αρχείο σε μορφή PDF
				, dsah lkjh falksjhlksj hflkjash lkfjdh alkjsdhf lkasjh dflksajdhf lkajdsh flkjasdhflkj sdhlkfj 
				ahsdlkjf hldska fladskjfh lasdkjf hlkdsjhf lksdjf hlksdj hflsd fsdf asdf sd</span></td>
			</tr>
		</table>

Εκδοχή Β (δεν παίζει καλά σε FF, η μόνη αλλαγή είναι το κείμενο)

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

<table cellSpacing="0" cellPadding="0" style="width&#58;500px" border="0">
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">Με βάση τα στοιχεία της 
				Εθνικής Στατιστικής Υπηρεσίας
				<a target="_blank" href="http&#58;//www.statistics.gr">
				&#40;www.statistics.gr&#41;</a> η ετήσια εξέλιξη &#40;από μήνα Σεπτέμβριο σε 
				επόμενο μήνα Σεπτέμβριο &#41; του Υποδείκτη Υγείας , για τα 
				τελευταία χρόνια, έχει ως εξής&#58;</span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px">&nbsp;</td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">
				<ul>
					<li>2006-2007&#58; +2,93% </li>
					<li>2005 &#8211; 2006&#58; +2,19% </li>
				</ul>
				</span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">Μπορείτε να δείτε τις 
				εξελίξεις του υποδείκτη υγείας από το 1999 μέχρι το 2007, αν 
				ανοίξετε το αρχείο &#40;excel&#41; που δημοσιεύεται από τη Στατιστική 
				Υπηρεσία στην ιστοσελίδα&#58;</span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">
				<a target="_blank&quot;&quot;" href="http&#58;//www.statistics.gr/table_menu_per_year.asp?Dnid=%20-%20Δείκτης%20Τιμών%20Καταναλωτή&amp;SSnid=%20Δείκτες&amp;sb=DK_12&amp;timeseries=1&amp;dt=0">
				http&#58;//www.statistics.gr/table_menu_per_year.asp?Dnid=%20-%20Δείκτης%20Τιμών%20Καταναλωτή&amp;SSnid=%20Δείκτες&amp;sb=DK_12&#215;eries=1&amp;dt=0</a></span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">&#40;Πίνακας VI - Μηνιαίοι υπο-δείκτες 
				ομάδων ειδών ΔΤΚ, περιόδου 1999-2008 &#40;Φεβρουάριος&#41; &#40;Έτος βάσης &#58; 
				2005=100,0&#41; -Αρχείο σε μορφή xls&#41;</span></td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px">&nbsp;</td>
			</tr>
			<tr>
				<td vAlign="top" style="width&#58; 500px"><span class="desc">Προς διευκόλυνσή σας 
				μπορείτε να ανοίξετε το παραπάνω αρχείο σε μορφή PDF
				<a target="_blank" href="http&#58;//www.atc.gr/ethnikiasfalistiki/greek/main/YpoDeiktis_Ygeias.pdf">
				&#40;YpoDeiktis_Ygeias.pdf&#41;</a>, όπου έχουμε τονίσει, &#40;με κόκκινα 
				γράμματα σε γαλάζιο φόντο&#41;, την τιμή του υποδείκτη υγείας το 
				μήνα Σεπτέμβριο κάθε έτους, ενώ στο τέλος κάθε έτους εμφανίζουμε 
				την εξέλιξη του υποδείκτη σε σχέση με το προηγούμενο έτος.</span></td>
			</tr>
		</table>
εδιτ: Έλα οκ σας ταλαιπώρησα άδικα, φταίει το Link που είναι μια ευθεία και δεν κάνει wrap, δεν ξέρω γιατί.
Εικόνα

Friendship often ends in love; but love in friendship - never.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Δημοσίευση από skeftomilos » 04 Απρ 2008 15:03

Ο IE κάνει wrap στα σύμβολα ενώ ο Firefox κάνει μόνο στα κενά.
Μπορείς να βάλεις, μερικά <wbr> διάσπαρτα μέσα στο κείμενο του link για να του επιτρέψεις να αναδιπλωθεί.
Πάντως τέτοιο μακρύ και ακατάληπτο url δεν είναι κατάλληλο για text σε link.
Θα συμβούλευα να το αντικαταστήσεις με κάποιo περιγραφικό κείμενο, π.χ. <a href="...">Στατιστική - Δείκτες Τιμών Καταναλωτή</a>

Άβαταρ μέλους
PanosIlio
Honorary Member
Δημοσιεύσεις: 2461
Εγγραφή: 20 Σεπ 2005 14:21
Τοποθεσία: Δραπετσώνα
Επικοινωνία:

Πίνακας 500px όχι το ίδιο σε ΙΕ και firefox

Δημοσίευση από PanosIlio » 04 Απρ 2008 15:04

Ναι αυτό έκανα ήδη.

Αυτή την ιδιότητα του FF δεν την ήξερα, τώρα ξέρω :lol:
Εικόνα

Friendship often ends in love; but love in friendship - never.

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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