Ασυμβατότητα ή ...... ;;;

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

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

Απάντηση
Sector
Δημοσιεύσεις: 102
Εγγραφή: 22 Μάιος 2004 12:02

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από Sector » 20 Νοέμ 2005 22:21

Παιδιά ,επεξεργάζομαι ενα έτοιμο template αλλα υπάρχει ενα προβλημα
με τον mozilla όπως θα διαπιστώσετε απο τις παρακάτω φωτογραφίες..
(στηρίζετε σε css)

Εδω με ΙΕ !!!!!!!!

και εδο με Μοzilla
!!!!!!

οπως βλέπετε οταν ανοιγω την σελίδα με mozilla τα 2 κουτακια (Αλμπουμ & Σπονσορες) πανε στο τελος της σελίδας ,ενω με ΙΕ εμφανιζοντε κανονικα στην αρχη της σελίδας..

Μπορώ να σας στείλω τους κωδικες εαν θέλετε ..

Οποιος κατάλαβε κατάλαβε :o :hammer:

Άβαταρ μέλους
tolis_montana
Honorary Member
Δημοσιεύσεις: 913
Εγγραφή: 13 Απρ 2004 01:15
Τοποθεσία: στο κοσμο μου...
Επικοινωνία:

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από tolis_montana » 20 Νοέμ 2005 22:33

θεμα ασυμβατοτητας css αυτο που μου κανει εντυποσει ειναι οτιδουλευει κανονικα σε ie ... ας βοηθησει καποιος το παλικάρι... heh! (εγώ με css δε τα παμε καλα.. )

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από sibas » 21 Νοέμ 2005 00:49

Καλό θα ήταν να βλέπαμε λίγο από τον κώδικα,
ειδάλλως μόνο θεωρίες θα ακούσεις

rk9
Δημοσιεύσεις: 43
Εγγραφή: 15 Δεκ 2004 11:28

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από rk9 » 21 Νοέμ 2005 05:28

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

valign="top"
βάλτο στο table

Sector
Δημοσιεύσεις: 102
Εγγραφή: 22 Μάιος 2004 12:02

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από Sector » 21 Νοέμ 2005 20:09

rk9 έγραψε:

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

valign="top"
βάλτο στο table
Tipota .. den epiase :(

Opios endiaferete na asxoli8ei me to provlima mou mporo na tou steilo
prive tous kodikes html/css ..

Me exei trelanei.. exo perasei ateliotes ores sto dreamweaver prospa8ontas na to liso ..

8a to ektimousa para para poly opios endiaferete.

Sector
Δημοσιεύσεις: 102
Εγγραφή: 22 Μάιος 2004 12:02

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από Sector » 22 Νοέμ 2005 00:54

oriste kai oi kodikes (html kai tou css)

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

---

Sorry gia to mege8os.. elpizo na mporesoume na vroume mia lisi giati
exo frikarei :cry: :cry: :cry: :cry: :hammer: :evil:
Τελευταία επεξεργασία από το μέλος Sector την 24 Νοέμ 2005 23:37, έχει επεξεργασθεί 1 φορά συνολικά.

lavelle
Δημοσιεύσεις: 125
Εγγραφή: 29 Ιούλ 2005 17:14

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από lavelle » 22 Νοέμ 2005 08:40

Αν θέλεις πάντως το site σου να πληρεί τα web standards πρέπει πρώτα να παίζει σε mozilla και μετά σε ΙΕ.

Σε σένα που συμβαίνει το αντίθετο, κάτι δεν πάει καλά ....

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από sibas » 22 Νοέμ 2005 12:38

Το πρόβλημα είναι στο H1 που έχεις clear:left
Ρύθμισε το H1 και δεν θα έχεις κανένα πρόβλημα :kaloe:

Sector
Δημοσιεύσεις: 102
Εγγραφή: 22 Μάιος 2004 12:02

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από Sector » 22 Νοέμ 2005 15:47

sibas έγραψε:Το πρόβλημα είναι στο H1 που έχεις clear:left
Ρύθμισε το H1 και δεν θα έχεις κανένα πρόβλημα :kaloe:
ean valo sto clear right i kati allo i akoma an to sviso ,xalaei to aristero
menu .......... :crash: :crash: :crash: :crash: :crash:

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από sibas » 22 Νοέμ 2005 19:21

Όπως είπα εκεί είναι το πρόβλημα δεν είπα να το βγάλεις αλλά να το ρυθμίσεις..
πχ left h1, right h1

Sector
Δημοσιεύσεις: 102
Εγγραφή: 22 Μάιος 2004 12:02

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από Sector » 22 Νοέμ 2005 20:39

sibas έγραψε:Όπως είπα εκεί είναι το πρόβλημα δεν είπα να το βγάλεις αλλά να το ρυθμίσεις..
πχ left h1, right h1
ma auto akrivos ekana,ta dokimasa ola alla tipota.. akoma kai otan emfanizete kanonika xalaei allo para8iraki .. :cry:

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Ασυμβατότητα ή ...... ;;;

Δημοσίευση από sibas » 23 Νοέμ 2005 01:54

Μόνο ένα θέλω να μάθω την πλήρωσες την template η στην κάνανε δώρο με hosting;

δοκίμασε το παρακάτω αλλά να ξέρεις θέλει και άλλες αλλαγές.

html

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http&#58;//www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>

<title>Surreal-Media Template 5</title><meta name="Author" content="&#40;c&#41; 2003/2004 - PudMedia">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-7">
<link rel="StyleSheet" href="smt610.css">
</head>
<body>
 <div id="container">
 <object classid="" codebase="" id="" style="display&#58; block;" height="203" width="906">
        <param name="" value="">
        <param name="" value="">
        <param name="quality" value="high">
        <param name="bgcolor" value="#bbbbbbb">
        <embed src="" quality="high" bgcolor="#ffffff" name="header" allowscriptaccess="" type="" pluginspage="" style="display&#58; block;" height="203" width="906">
        </object>

<div id="leftContent">
<h1 >kentriko menu </h1>
  <ul id"left&#58;>
        <li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li> </ul>
 <h1>profil</h1>  
   <ul id"left&#58;>
        <li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li> </ul>
<h1>a</h1> 
   <ul id"left&#58;>
        <li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li></ul>
		
<h1>b</h1>
   <ul id"left&#58;>
   <li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li><li>CAL-P &#58; 4 - 1 - 0</li></ul>    
   
<h1>g ONLINE </h1>   <br>
         
<p>&nbsp;1</p>
<p>&nbsp;2</p>
 <p>&nbsp;3</p>
</div>

<div id="mainContent">
<h1>Arxiki</h1>
 <br />
            
<h2><span><b> <a href="http&#58;//www.illegalracers.gr/phpBB2/profile.php?mode=viewprofilu=47"></a>  -</b>       09  /  ???    /2005</span></h2>
<p>
Thank you for considering the purchase of Surreal-Media GamingTemplate 5 for your team!<br>
<br>
Surreal-Media Gaming Template 5 has 3 price options&#58;<br>
<br>
<u>Option 1</u> &#58; $ 130 USD - Full Site with free initial setup.<br>
<br>
<u>Option 2</u> &#58; $ 90 USD - Full site but make your own header      with initial setup and Integration.**<br>
<br>
<u>Option 3</u> &#58; $ 70 USD - Upgrade from previous purchase of SMT4/3 + setup. * <br>
<br>
<u>Custom Forums</u> &#58; $Request Price - View the forum by clicking on the Forum link in the navigation above.<br>
<br>
..1 month of <strong>FREE</strong> sub domain hosting<br>
<br>
..30% discount on any hosting solution from <a href="http&#58;//www.surreal-hosting.com/" target="_blank"><b>http&#58;//www.Surreal-Hosting.com</b></a>
</p>
<h2><span><b>SurrealMedia -</b> 10/21/2004</span><b>SurrealMedia Notice</b></h2>
<p>
If you're 
fees.<br>
Surreal-Media has the right to refuse any changes.<br> </p>
</div>

<div id="rightContent">
  <h1 >Album</h1>
        <br>
          <h1>Sponsores</h1>

            <ul id="sponsors">
                <li></li>
			</ul>
    </div> 
</div>

css

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

body,html &#123;
   height&#58; 100%;
   cursor&#58; crosshair;
   &#125;

body &#123;
   padding&#58; 0px;
   margin&#58; 0px;
   background&#58; #CACACB;
   font&#58; 11px Tahoma;
   color&#58; #000;
   &#125;

a &#123;
   text-decoration&#58; none;
   color&#58; #112D67;
   &#125;

a&#58;hover &#123;
   text-decoration&#58; underline;
   &#125;
   
#container &#123;
   height&#58; auto !important;
   height&#58; 100%;
   min-height&#58; 100%;
   width&#58; 952px;
   background&#58; url&#40;'img/mainBg.gif'&#41;;
   margin-left&#58; auto;
   margin-right&#58; auto;
   position&#58; relative;
   padding-left&#58; 46px;
   &#125;

body.forumsbody #container &#123;
   background-image&#58; url&#40;'img/forumsBg.gif'&#41; !important;
&#125;

a.tempHeader &#123;
   display&#58; block;
   position&#58; relative;
   height&#58; 203px;
   width&#58; 906px;
   background&#58; url&#40;'img/tempHeader.jpg'&#41;;
   &#125;

a.tempHeader&#58;hover &#123;
   background&#58; url&#40;'img/tempHeaderb.jpg'&#41;;
   &#125;

h1&#123;
   padding&#58; 0px;
   margin&#58; 0px;
   border-top&#58; 1px solid #A1A3AD;
   border-bottom&#58; 1px solid #A1A3AD;
   height&#58; 24px;
   background&#58; url&#40;'img/titlebar.gif'&#41; top right;
   font&#58; bold 10px Tahoma;
   text-transform&#58; uppercase;
   padding-left&#58; 10px;
   color&#58; #FFF;
   &#125;
   

h2 &#123;
   padding&#58; 0px;
   margin&#58; 0px;
   height&#58; 23px;
   display&#58; block;
   background&#58; url&#40;'img/contentHeader.gif'&#41;;
   font&#58; 11px/23px Tahoma;
   color&#58; #000;
   padding-left&#58; 15px;
   position&#58; relative;
   margin-top&#58; -1px;
   margin-bottom&#58; 8px;
   &#125;

h2 span &#123;
   float&#58; right;
   padding-right&#58; 15px;
   &#125;

#leftContent &#123;
   position&#58; relative;
   float&#58; left;
   width&#58; 202px;
   padding-left&#58; 4px;
   position&#58; relative;
   padding-bottom&#58; 75px;
   margin-right&#58; 4px;
   &#125;
   
#mainContent &#123;
   float&#58; left;
   width&#58; 486px;
   &#125;

#rightContent &#123;
   float&#58;left;
   width&#58; 202px;
   padding-bottom&#58; 75px;
   margin-left&#58; 4px;
   &#125;

p &#123;
   padding-left&#58; 15px;
   padding-right&#58; 15px;
   padding-bottom&#58; 10px;
   padding-top&#58; 0px;
   margin&#58; 0px;
   &#125;

#left ul &#123;
   padding&#58; 0px;
   margin&#58; 0px;
   margin-bottom&#58; 2px;
   &#125;


#left li &#123;
   display&#58; block;
   list-style-type&#58; none;
   float&#58; left;
   width&#58; 182px;
   height&#58; 22px;
   padding-left&#58; 20px;
   font&#58; 10px/22px Tahoma;
   color&#58; #000;
   background-image&#58; url&#40;img/leftItem.gif&#41;;
   &#125; 



#footer &#123;
   bottom&#58; 0px;
   margin-left&#58; 4px;
   clear&#58; both;
   display&#58; block;
   width&#58; 898px;
   height&#58; 49px;
   background&#58; url&#40;'img/footer.gif'&#41;;
   position&#58; absolute;
   bottom&#58; 0px;
   left&#58; 46px;
   &#125;

body.forumsbody #footer &#123;
   background&#58; url&#40;'img/forumsfooter.gif'&#41; !important;
&#125;

#footer a &#123;
   padding-top&#58; 5px;
   height&#58; 0px;
   overflow&#58; hidden;
   position&#58; absolute;
   display&#58; block;
   top&#58; 30px;
   &#125;

#footer a.copyright &#123;
   width&#58; 159px;
   left&#58; 717px;
   background&#58; url&#40;'img/copyright.gif'&#41;;
   &#125;

#footer a.irc &#123;
   width&#58; 143px;
   left&#58; 28px;
   background&#58; url&#40;'img/irc.gif'&#41;;
   &#125;

#footer span &#123;
   position&#58; absolute;
   top&#58; 27px;
   font&#58; 9px Tahoma;
   text-transform&#58; uppercase;
   left&#58; 382px;
   color&#58; #777;
   &#125;
#rightContent ul &#123;
   display&#58; block;
   background&#58; url&#40;'img/rightBg.gif'&#41;;
   &#125;

ul#roster &#123;
   list-style-type&#58; none;
   padding&#58; 0px;
   margin&#58; 0px;
   padding-left&#58; 3px;
   padding-top&#58; 3px;
   width&#58; 199px;
   padding-bottom&#58; 2px;
   &#125;

ul#roster li &#123;
   display&#58; block;
   width&#58; 99px;
   height&#58; 101px;
   background&#58; url&#40;'img/rosterBg.gif'&#41; no-repeat;
   float&#58; left;
   &#125;

ul#roster li a &#123;
   display&#58; block;
   width&#58; 97px;
   height&#58; 101px;
   font&#58; 10px/24px Tahoma;
   &#125;

ul#roster li a&#58;hover &#123;
   text-decoration&#58; none;
   font-weight&#58; bold;
   &#125;

ul#roster li a img &#123;
   display&#58; block;
   margin&#58; 7px;
   border&#58; none;
   &#125;

ul#roster li a span &#123;
   margin-left&#58; 21px;
   &#125;

ul#sponsors &#123;
   clear&#58; left;
   list-style-type&#58; none;
   padding&#58; 0px;
   margin&#58; 0px;
   &#125;

ul#sponsors li &#123;
   display&#58; block;
   margin-top&#58; 4px;
   float&#58; left;
   &#125;

ul#sponsors li a img &#123;
   border&#58; none;
   &#125;

table &#123;
   margin-left&#58; 15px;
   margin-right&#58; 15px;
   &#125;

select &#123;
   width&#58; 150px;
   &#125; 
ελπίζω τώρα να μην έχεις σημαντικά προβλήματα :lol:

Απάντηση

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

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

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