To site moy φαινεται διαφορετικο σε διαφορετικα pc

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
caterinathiva
Δημοσιεύσεις: 42
Εγγραφή: 10 Ιουν 2009 00:29
Τοποθεσία: ΑΘΗΝΑ

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από caterinathiva » 22 Σεπ 2009 14:21

Kαλησπέρα σας

Έχω κάνει ένα site το www.aimonas.com και ενώ στο δικό μου pc φαίνεται κανονικά σε άλλα pc που το κοίταξα δεν φαίνεται καλά. Συγκεκριμένα δεν φαίνονται καλά τα κουτάκια τα μπλε με το μενού το κάθετο και το πλάτος του μεσαίου κουτιού του μεγάλου είναι πάρα πολύ μεγάλο πάει ποιο κάτω από την άσπρη γραμμή που εκεί τελειώνει το site.
To site το κοίταξα και με τον internet exp και τον mozilla.
Το πρόβλημα έχει σχέση με την ανάλυση της οθόνης ενός pc και τι πρέπει να κάνω στον κώδικα για να μην έχω τέτοια προβλήματα ;

weby
Δημοσιεύσεις: 53
Εγγραφή: 04 Μαρ 2007 20:20
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από weby » 22 Σεπ 2009 16:07

Μπορείς να είσαι λίγο πιο λεπτομερής στις διαφορές που σου εμφανίζονται; Κάποιο screenshot αν το επιτρέπει εδώ το forum.
Δες και στο css σου ότι 2 τουλ class έχουν πλάτος 1400 χωρίς κατά τη γνώμη μου να είναι απαραίτητα, καθώς περιέχουν μικρότερου μεγέθους εικόνες, καθώς επίσης και το class του top menu δίνει πολύ μεγάλο πλάτος.

caterinathiva
Δημοσιεύσεις: 42
Εγγραφή: 10 Ιουν 2009 00:29
Τοποθεσία: ΑΘΗΝΑ

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από caterinathiva » 22 Σεπ 2009 21:54

H διάφορα είναι στο ότι δεν φαίνεται το μπλέ χρώμα στα μπλε κουτάκια αριστέρα εκεί που είναι οι λέξεις πχ Η ομάδα .Στον τίτλο πάνω που γράφει πχ ΕΟΔ ΒΟΙΩΤΙΑΣ φαίνεται το μπλέ χρώμα αλλά δεν φαίνεται το μπλέ χρώμα στα μπλέ κουτάκια αριστέρα από τις λέξεις και κατω ΠΧ Η ομάδα, Επιχειρήσεις.
Εκεί δεν φαίνεται το μπλε χρώμα αλλά το μαύρο χρώμα το backgroun και οι λέξεις κτλπ μόνο όταν πατάω το κουμπί ανανέωση αρχίζει να κατεβαίνει σιγά σιγά.
Αυτό το μπλέ χρώμα στις λέξεις είναι μια φώτο που εχω βάλει σε css.
O κώδικας είναι αυτός

#leftbar .line1, #rightbar .line1
{
background: url(imagesd/left_bgas.jpg);
padding: 4px;
}
το left_bgas είναι η ονομασία της φώτο του μπλέ χρώματος.

Επίσης το πλάτος του μπλε κουτιού του μαισαίου που έχω γράψει το κείμενο το πλάτος είναι πολύ μεγάλο πάει πιο κάτω από την άσπρη γραμμή

weby
Δημοσιεύσεις: 53
Εγγραφή: 04 Μαρ 2007 20:20
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από weby » 22 Σεπ 2009 22:40

Δοκιμάσε στο ίδιο class αυτό:

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

#leftbar .line1, #rightbar .line1
{
background: url(imagesd/left_bgas.jpg);
height: 1%
padding: 4px;
} 
html>body .foo {
height: auto
} 
και πες μου αν δουλεύει...

caterinathiva
Δημοσιεύσεις: 42
Εγγραφή: 10 Ιουν 2009 00:29
Τοποθεσία: ΑΘΗΝΑ

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από caterinathiva » 23 Σεπ 2009 00:06

To έβαλα το #leftbar .line1, #rightbar .line1
{
background: url(imagesd/left_bgas.jpg);
height: 1%
padding: 4px;
}
html>body .foo {
height: auto
}

Και είναι πολύ χάλια το site...
Έχεις να μου προτείνεις κάτι άλλο.
Εσύ πως το βλέπεις το site αυτό από το pc σου στα σημεία που σου είπα στο αριστερό μενού

weby
Δημοσιεύσεις: 53
Εγγραφή: 04 Μαρ 2007 20:20
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από weby » 23 Σεπ 2009 00:07

Με firefox οκ, με IE χαλάει το css

weby
Δημοσιεύσεις: 53
Εγγραφή: 04 Μαρ 2007 20:20
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από weby » 23 Σεπ 2009 00:15

Βλέπω ότι είναι απλή html η σελίδα. Δώσε απευθείας style στο edit: div το φόντο.

caterinathiva
Δημοσιεύσεις: 42
Εγγραφή: 10 Ιουν 2009 00:29
Τοποθεσία: ΑΘΗΝΑ

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από caterinathiva » 23 Σεπ 2009 11:48

Μπορείς να μου γράψεις τον κώδικα για να τον γράψω αμέσως.
Και που να γράψω τον κώδικα με το div στο css ή στον κώδικα τον κανονικό του site.
Πρέπει να σου πω ότι σε ένα internet café που πήγα χτες για να δω το site μου και σε internet exp το site φαινόταν κανονικά
Σε ευχαριστώ πολύ για την βοήθεια

weby
Δημοσιεύσεις: 53
Εγγραφή: 04 Μαρ 2007 20:20
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από weby » 23 Σεπ 2009 12:13

Δοκίμασε λίγο κάτι άλλο, στη γραμμή 344 του css σου, άλλαξε αυτό:
.sidebar ul li a:hover

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

.sidebar ul li a:hover 
{
color: #6786c0;
}
με αυτό:

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

.sidebar ul li a:hover
{
color: #6786c0;
background-image: url(imagesd/left_bgas.jpg);
background-repeat: repeat;
}

caterinathiva
Δημοσιεύσεις: 42
Εγγραφή: 10 Ιουν 2009 00:29
Τοποθεσία: ΑΘΗΝΑ

To site moy φαινεται διαφορετικο σε διαφορετικα pc

Δημοσίευση από caterinathiva » 23 Σεπ 2009 15:28

Ανέβασα τo site με αυτό που μου είπες να γράψω στο css μου.
Πως φαίνεται στο pc σου; Moυ είπαν ότι φαίνεται ακόμα μαύρο αλλά όταν πατάς πάνω στις λέξεις γίνεται όλο το κουτάκι μπλε.
Κάτι λείπει ακόμα για να γίνει σωστό.
Σου γράφω απο κάτω όλο το css για να το δεις αν μπορείς για να μην σε κουράζω.

Κοίτα αν μπορείς και το μήκος τον κουτιών (των 3 αριστερά )προς το τέλος γιατί μου είπαν ότι το μήκος δεν είναι σωστό όπως επίσης και το μήκος του κουτιού που είναι στην μέση που γράφω το κείμενο. Περνάει το μήκος του την άσπρη γραμμή στο τέλος του site

---------------------------------------------------------------------------------------------------------

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

* 
{
margin: 0px;
padding: 0px;
}

p{
	padding: 15px;
}

body {
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background: #000000; url(imagesd/bgtop.jpg) top repeat-x;
}

input, textarea {
	background: #ffffff;
	border: 1px solid #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #0F5B96;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
	text-transform: lowercase;
	font-weight: normal;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight:normal;
	color:#000000;
	padding-top: 36px;
	padding-left: 39px;
	padding-bottom: 15px;
}

hr {
	display: none;
}

#main
{
width: 1020px;
margin: 0 auto;
background: url repeat-y center;
}


/* Header */

#header {
	height: 180px;
	width: 1400px;
	margin: 0 auto;
}

#logo {
width: 1400px;
height: 180px;
background: url() no-repeat;
}

#logo h1, #logo p {
	margin: 0;
	line-height: normal;
}

#logo h1 {
	padding: 47px 0 0 20px;
	font-size: 24px;
	color: #F5E7A4;
}
#logo h2 {
	padding: 10px 0 0 20px;
	font-size: 10px;
	text-transform: uppercase;
	color: #F5E7A4;
}

#logo a {
	text-decoration: none;
	color: #F5E7A4;
}

#menu {
height: 40px;
width: 1240px;
padding-left: 180px;
margin: 0 auto;
background:url(imagesd/menubg.jpg) center;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	width: 140px;
	height: 37px;
	padding-top: 13px;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #013696;
	
}

.nofirst{
	background: url(imagesd/menubor.jpg) left center no-repeat;
}

#menu a:hover {
	
	text-decoration:underline;
	color: #000000;
}

/* Page */

#page {
	width: 976px;
	margin: 0 auto;
}

/* Content */

#content {
	float: left;
	width: 503px;
	margin: 10px;
}

#wel{
	background:  no-repeat center;
	width: 503px;
	height: 274px;
	margin-bottom: 10px;
}

#wel a{
	color:#FFFFFF;
	text-decoration:none;
	margin-left: 15px;
	
}

#wel a:hover{
	text-decoration:underline;
}

.web{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style:italic;
	font-weight:bold;
}

#weltext{
	width: 155px;
	color: #cecccc;
	margin-left: 20px;
}

#gallery{
	padding-left: 7px;
}

.gal1{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal2{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal3{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal4{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal, .gal2, .gal3, .gal4 a{
	color:#FFFFFF;
}

.gtext{
	color: #007993;	
}

.gwiev{
	width: 96px;
	height: 31px;
	background: no-repeat center;
	margin-top: 5px;
	padding-top: 15px;
}

.wiev{
	text-decoration:none;
	color:#F5A4EC;

}

.read{
	text-align:right;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

.read a{
	color: #F5A4EC;
}

.read a:hover{
	color: #6686c0;
	text-decoration: underline;
}

#content .post ul, #content .post ol
{
margin-left: 30px;
}

#conbg
{
background:url(imagesd/pp.jpg) repeat-y top;
}

#met{
	color: #BE4B9F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 14px;
	padding-left: 20px;
	padding-top:10px;
}

.post {

	color: #57E7E2;

}

.text a {
	color: #6686c0;
}

.text a:hover {
	color: #000000;
}

.post H2
{
width: 503px;
height: 25px;
font-size: 14px;
font-weight: bold;
text-align:center;
padding-top: 14px;
text-transform: uppercase;
color: #57E7E2;
background: url(imagesd/contitle.gif) no-repeat;
}

.center_bottom
{
background: url(imagesd/conbot.gif) no-repeat bottom;
height: 2px;
}

/* Sidebars */

.sidebar {
	float: left;
	width: 226px;
	margin-top: 10px;
	color: #57E7E2;

}

.sidebar ul {
	margin-top: 15px;
	margin-left: 0px;
	padding: 0;
	list-style: none;
	line-height: normal;
	padding-right: 30px;
	
}

.sidebar ul li a{
	color:#76C067;
	text-decoration: none;
}

.sidebar ul li a:hover
{
color: #6786c0;
background-image: url(imagesd/left_bgas.jpg);
background-repeat: repeat;
}


.sidebar li {
	padding-left: 15px;
	background:url() no-repeat top left;
	margin-bottom: 15px;
	margin-left: 20px;
}

.liststyle2 li{
	background:url(imagesd/liststyle2.jpg) no-repeat top left;
	padding-left: 30px;
}

.sidebar h2 {
width: 226px;
height: 25px;
font-size: 14px;
font-weight: bold;
text-align:center;
padding-top: 14px;
text-transform: uppercase;
color: #C01616;
background: url(imagesd/title.gif) no-repeat;
}

.bottom_small
{
height: 2px;
background: url(imagesd/left_bottom.gif) no-repeat bottom left;
width: 228px;
margin-bottom: 20px;
}


#leftbar .line1, #rightbar .line1
{
background: url(imagesd/left_bgas.jpg);
height: 1% 
padding: 4px;
} 


#leftbar .small_back, #rightbar .small_back
{
background: url(imagesd/small_back.gif) repeat-y;
}

/* Left Sidebar */

#leftbar {

}

/* Right Sidebar */

#rightbar a{
color: #C0666E;
}

#com{
	padding: 5px;
	
}

.hr{
	background:url(imagesd/hr.jpg) no-repeat;
	height: 1px;
	width: 209px;
	margin-top: 5px;
	margin-bottom:5px;
}

#hr2{
	width: 503px;
	height: 1px; 
	background: url(imagesd/hr2.jpg) no-repeat center;

	margin-bottom:5px;
}

#leftbar .back, #rightbar .back
{
background: url(imagesd/title_back.gif) no-repeat;
padding: 10px;
}


/* Footer */

#footer {
	clear: both;
	padding-top: 20px;
	height: 42px;
	background: url(imagesd/footer.jpg) no-repeat top;
	text-align: center;
	font-size: smaller;
	color: #013696;
}

#footer a {
	color: #013696;
}

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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