Σπάει το table που περιέχει το div με overflow: auto/scroll

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

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

Απάντηση
Άβαταρ μέλους
ForzaInter
Δημοσιεύσεις: 340
Εγγραφή: 22 Οκτ 2005 22:37
Τοποθεσία: Διπλανό δωμάτιο

Σπάει το table που περιέχει το div με overflow: auto/scroll

Δημοσίευση από ForzaInter » 01 Ιουν 2006 19:40

Γεια σας! Έχω το παραπάνω πρόβλημα σε μία σελίδα που φτιάχνω, με αποτέλεσμα να χαλάει όλο το layout. Το url της.

Το div που δημιουργεί το πρόβλημα είναι είναι το id="main". Έχω δοκιμάσει να αλλάξω τις διαστάσεις του μέσω του css αρχείου, αλλά τίποτα...Εάν αλλάξω το width, αυτό μεταβάλλεται, ενώ στο height ότι τιμή και να βάλω, το αποτέλεσμα είναι το ίδιο:

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

#main{
		text-align: left;
		height: 400;
		width: 450;
		overflow: scroll;
		}
		
Ευχαριστώ προκαταβολικά :)
I told you we would make it to the sunshine one day...you just got there a little quicker

Εικόνα

Άβαταρ μέλους
Banavas
Script Master
Δημοσιεύσεις: 1367
Εγγραφή: 21 Νοέμ 2004 20:25
Επικοινωνία:

Σπάει το table που περιέχει το div με overflow: auto/scroll

Δημοσίευση από Banavas » 02 Ιουν 2006 08:42

Στον πίνακα κάτω από το web desigh έχεις 5 γραμμές εκ των οποίων η τελευταία κενή.
Μόλις αφαιρέσεις την κενή γραμμή όλα ταιριάζουνε γλυκά....

Μάρκος

Άβαταρ μέλους
ForzaInter
Δημοσιεύσεις: 340
Εγγραφή: 22 Οκτ 2005 22:37
Τοποθεσία: Διπλανό δωμάτιο

Σπάει το table που περιέχει το div με overflow: auto/scroll

Δημοσίευση από ForzaInter » 02 Ιουν 2006 14:45

To θέμα όμως είναι ότι τη χρειάζομαι αυτή τη σειρά, και κάποιες ακόμα γιατί θέλω να βάλω και άλλα πράγματα μέσα
I told you we would make it to the sunshine one day...you just got there a little quicker

Εικόνα

Άβαταρ μέλους
milianos
Δημοσιεύσεις: 269
Εγγραφή: 11 Νοέμ 2004 01:39
Τοποθεσία: schwabenland
Επικοινωνία:

Σπάει το table που περιέχει το div με overflow: auto/scroll

Δημοσίευση από milianos » 02 Ιουν 2006 16:08

Εδω φαίνεται να δουλεύει σωστά http://www.interema.de/aktuell/dpsd0201 ... o/web.html Βάλε overflow: auto; για να μην σου βγάζει την κάτω μπάρα.

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

....
             <div class="main">
		  <h2 class="address">Web Design </h2>
		  <table width="411" border="0">
		    <tr>
                         ....

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

.main&#123;
                width&#58; 455px;
                height&#58; 500px;
		text-align&#58; left;
		overflow&#58; auto;
		&#125;

Άβαταρ μέλους
ForzaInter
Δημοσιεύσεις: 340
Εγγραφή: 22 Οκτ 2005 22:37
Τοποθεσία: Διπλανό δωμάτιο

Σπάει το table που περιέχει το div με overflow: auto/scroll

Δημοσίευση από ForzaInter » 02 Ιουν 2006 16:56

Όταν προσθέτω και άλλη σειρά και το κάνω preview, και στον ie και στον ff πάλι χαλάει :hammer:

Πώς γίνεται σ'αυτό που μου δείχνεις να φαίνεται σωστά :question:

:crash:
I told you we would make it to the sunshine one day...you just got there a little quicker

Εικόνα

Άβαταρ μέλους
milianos
Δημοσιεύσεις: 269
Εγγραφή: 11 Νοέμ 2004 01:39
Τοποθεσία: schwabenland
Επικοινωνία:

Σπάει το table που περιέχει το div με overflow: auto/scroll

Δημοσίευση από milianos » 02 Ιουν 2006 17:20

ForzaInter έγραψε: ...Πώς γίνεται σ'αυτό που μου δείχνεις να φαίνεται σωστά :question:
Δεν ξέρω τι να σου πώ?

Εδω πρόσθεσα μερικές γραμμές ακόμα και δεν φαίνεται να ξεχειλώνει απο κάπου

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

 <tr>
		      <td height="96">&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
		    <tr>
		      <td height="96">&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
		    <tr>
		      <td height="96">&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
		    <tr>
		      <td height="96">&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
http://www.interema.de/aktuell/dpsd0201 ... o/web.html

Άβαταρ μέλους
ForzaInter
Δημοσιεύσεις: 340
Εγγραφή: 22 Οκτ 2005 22:37
Τοποθεσία: Διπλανό δωμάτιο

Σπάει το table που περιέχει το div με overflow: auto/scroll

Δημοσίευση από ForzaInter » 02 Ιουν 2006 19:05

Οκ, λύθηκε το πρόβλημα...Δεν είχα βάλει height: 400 px; width: 450 px;

Τέτοια μικρή απροσεξία και τόσο πολύ παίδεμα... :roll: :hammer: :lol:
I told you we would make it to the sunshine one day...you just got there a little quicker

Εικόνα

Απάντηση

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

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

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