Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> FF blednie interpretuje xHTML
Sl0wik
post
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 25.02.2003

Ostrzeżenie: (0%)
-----

Spedzilem kilka godzin próbując zrobić prostą tabele z 3 obrazkami tak aby byla kompatybilna ze wszystkimi obrazkami i niestety powoli sie podddaje!!!
W IE nie ma najmniejszych klopotow, Opera trybi no ale oczywiscie FF musi sie wysypac!

Kod wyglada w nastepujacy sposob:
Kod
<?echo '<?xml version="1.1" encoding="UTF-8"?>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="780" class="table_top">
<tbody>
      <tr>
        <td><img src="images/general/design/logo.gif" alt="" width="180" height="112" /></td>
        <td><img src="images/general/design/top01.jpg" alt="" width="430" height="112" /></td>
        <td><img src="images/general/design/ok50.gif" alt="" width="168" height="112" /></td>
      </tr>
</tbody>
</table>
</body>
</html>


Dostepny jest pod http://www.estatecy.com/testy/.
Powiedzcie mi do %!#$! nedzy co zrobic z tym odstepem na dole tabeli (http://www.estatecy.com/testy/to.jpg) pod FF!?
W temacie napisalem ze blednie interpretuje xHTML bo jak usune deklaracje xHTML`a wszystko jest ok.

Dodam ze kod jest xhtml i css valid.

Jak mi ktos napisze 'to nie uzywaj tabel' to dostane zapasci (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) .
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Sl0wik
post
Post #2





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 25.02.2003

Ostrzeżenie: (0%)
-----

Kurde juz powoli nie mam sily (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) .
Nie moge sobie dac rady z rozciagnieciem wysokosci tabel, FF nie reaguje na height: 100% na height: 100px nie przedluza bloku a IE przemieszcza bloki jak text jest zbyt dlugi.

http://www.estatecy.com/ (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif)

Kod
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv=Content-Type content="text/html; charset=UTF-8" /><title>Ok50</title><link href="/styles/ok50.main.css" type="text/css" rel="stylesheet" /></head><body>

<div id="cont">
 <div id="bd">
   <div><img src="/images/ok50/design/logo.gif" alt="Ok Cyprus Home Finder" /></div>
   <div><img src="/images/ok50/design/top01.jpg" alt="Property" /></div>
   <div><img src="/images/ok50/design/ok50.gif" alt="Ok Cyprus" /></div>
   <br style="clear:both" />
   <div><img src="/images/ok50/design/quick_search.gif" alt="Find Property" /></div>
   <div id="location"><h3>Ok50 >> location1 >> location2</h3></div>
   <div><img src="/images/ok50/design/free_registaration.gif" alt="Free Registration" /></div>
   <br style="clear:both" />
   <div id="col_left">
     <div id="quicksearch">
     <!-- Quick Search -->

     <table>
       <tr>
         <td>District:</td>
         <td>
           <select>
             <option>Any District</option>
             <option>Nicosia</option>
             <option>Limassol</option>
             <option>Larnaca</option>
             <option>Paphos</option>
             <option>Famagusta</option>
           </select>
         </td>
       </tr>
       <tr>
         <td>Min.Price</td>
         <td>
           <select>
             <option value=0>&pound; 0</option>
             <option value=20000 selected>&pound; 20.000</option>
             <option value=30000>&pound; 30.000</option>
             <option value=50000>&pound; 50.000</option>
             <option value=100000>&pound; 100.000</option>
             <option value=150000>&pound; 150.000</option>
             <option value=200000>&pound; 200.000</option>
             <option value=300000>&pound; 300.000</option>
             <option value=10000000>More...</option>
           </select>
         </td>
       </tr>
       <tr>
         <td>Max.Price</td>
         <td>
           <select>
             <option value=20000>&pound; 20.000</option>
             <option value=30000>&pound; 30.000</option>
             <option value=50000>&pound; 50.000</option>
             <option value=100000>&pound; 100.000</option>
             <option value=150000 selected>&pound; 150.000</option>
             <option value=200000>&pound; 200.000</option>
             <option value=300000>&pound; 300.000</option>
             <option value=10000000>More...</option>
           </select>
         </td>
       </tr>
       <tr>
         <td colspan="2"><input type="submit" class="button" value="Search" /></td>
       </tr>
       <tr>
         <td colspan="2"><a href="" class="linkwhitesmall">Regional Search</a> | <a href="" class="linkwhitesmall">Advanced Search</a></td>
       </tr>
       <tr class="space"><td></td></tr>        
     </table>

     <!-- End: Quick Search -->
     </div>
     <div id="code">Code: <input type="text" style="width: 90px"> <input type="submit" class="button" value="Go"></div>
     <div class="head_left" style="text-align: left;"><div>Main Menu</div></div>
     <div>
       <table class="linkslist" align="left">
       <tbody>
<tr><td>::</td><td><a href="#">menu title</a></td></tr><tr><td> </td><td class="slimlinks"><a href="#">sub menu_title</a><br /></td></tr><tr><td>::</td><td><a href="#">neew</a></td></tr><tr><td> </td><td class="slimlinks"><a href="#">new subb</a><br /></td></tr>        </tbody>
       </table>
     </div>
     <div class="head_left" style="text-align: left;"><div>Tools</div></div>
     <div>
       <table class="linkslist" align="left">
       <tbody>
         <tr><td>::</td><td><a href="">mortgage calculator</a></td></tr>
         <tr><td>::</td><td><a href="">metric converter</a></td></tr>
       </tbody>
       </table>
     </div>
   </div>
   <div id="col_center">
     <div id="content">
     Welcome to okCyprus Home Finder, your portal to buying and selling a home in Cyprus.
     <div>Cyprus is a wonderful place to live! At okCyprus Home finder, we are a bit partial, but we think the quality of life in Cyprus is unmatched anywhere. </div>
     <div>Search on-line for a huge variety of Budget &amp; VIP properties...... just click on the Quick Search facility on the top left of the homepage to access more properties.</div>
     <div>We are a Cyprus estate agency backed by an established UK organisation experienced in property sales, with 1000s of properties listed on our database, ranging from small apartments to luxury developments. </div>
     <div>A team of dedicated professionals here in the UK, and in Cyprus, are on hand every step of the way to ensure that finding and purchasing the home of your dreams is easy and straightforward – as it should be! Our team removes all the worries of property purchase in Cyprus. </div>

     </div>
   </div>
   <div id="col_right">
     <div class="head_right"><div>Subscribers</div></div>text<br />text
     <div class="head_right"><div>Subscribers</div></div>text<br />text glkfjhklgfjh gjgfd lkhgfd;lkhj gfdhj lkgfjhlkgfjdlkhj lkhjgfdlk h;lkgfdjh;jhlkgfdjh gjhgkl;fdj
   </div>
   <br style="clear:both" />
   <div id="copyrights">test</div>
   <br style="clear:both" />
 </div>

</div>

</body>
</html>



Kod
body {
  margin: 0px;
  text-align:center;
  background-image: url(/images/ok50/design/bg.gif);
}

div, td, input, select {
    font-family: Tahoma;
    font-size: 11px;
}

input, select {
    font-size: 8pt;
    color: #006699;
    height: 18px;
    border-top: 1px solid #006699;
    border-right: 1px solid #006699;
    border-bottom: 1px solid #006699;
    border-left: 1px solid #006699;

}

A {
    color: #003399;
    font-weight: bold;
    text-transform: capitalize;
}

#cont{
  width:780px;
  margin:0 auto;
  border-right: 1px solid black;
  border-left: 1px solid black;
  height: 100%;
}


#bd {
  width:780px;
  height: 100%;
}

#copyrights {
    width:780px;
    height: 45px;
    background-color: #CCCCCC;
}

#col_right {
    width:180px;
    background-color: #FBF2C7;
    border-left: 1px dotted black;
   height: 100%;
}

#col_center {
    width:419px;
    background-color: #FFFFFF;
   height: 50px;
}

#col_left {
    width:180px;
    background-color: #E8E8E8;
   height: 100%;
}

#location {
    width:479px;
    height: 35px;
    background-image: url(/images/ok50/design/topLinkbg.gif);
    text-align: left;
}

#location h3 {
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: 13px;
    color: #990000;
}

#quicksearch {
    background-color: #247094;
    width: 180px;
}

#quicksearch td {
    color: #FFFFFF;
}

#code {
    color: #FFFFFF;
    background-color: #2A7F9E;
    width: 180px;
    border-top: 1px dotted white;
    border-bottom: 1px dotted white;
}

#content {
    margin: 10px;
}

#bd div {
  float:left;
}

.head_right {
    background-color: #557DBC;
   width: 180px;
   text-align:left;
}

.head_right div {
    padding: 5px 0px 5px 5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
}

.head_left {
    background-color: #B1B1B1;
   width: 180px;
   text-align:left;
}

.head_left div {
    padding: 5px 0px 5px 5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
}

.button {
    color: #FFFFFF;
    background-color: #1A586D;
    font-weight: bold;
    border: 1px solid #92CAE4;
}

.linkwhitesmall {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: normal;
}

.space {
    height: 10px;
}

.linkslist {
    text-align: left;
}

.slimlinks A {
    font-weight: normal;    
}



JAK KTOS SIE CZUJE NAPRAWDE MOCNY W CSS+XHTML TO ZAPRASZAM NA GG: 934514. CHETNIE ZAPLACE ZA POMOC (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował Sl0wik 21.04.2005, 15:18:56
Go to the top of the page
+Quote Post

Posty w temacie
- Sl0wik   FF blednie interpretuje xHTML   15.04.2005, 10:25:32
- - dr_bonzo   Na razie 1 rada: XML jest na razie tylko w wersji ...   15.04.2005, 10:36:43
- - Sl0wik   W 1.0 dziala ok ale niesety w 1.1 i 1 strict dalej...   15.04.2005, 12:49:39
- - Sl0wik   A czy tabela nie powinna byc defaultowo fixed? O i...   15.04.2005, 13:43:54
- - Strus   Cytat(Sl0wik @ 2005-04-15 10:25:32)Jak mi kto...   17.04.2005, 09:07:14
- - xarr   Dokladnie tak jak napisal Strus. Tabela ze swojego...   17.04.2005, 09:58:32
- - Sl0wik   Uzywam tylko css`ow ... powinienes sie chyba d...   18.04.2005, 12:46:15
- - revyag   Dlatego że nadałeś divom styl display:inline. Czyl...   18.04.2005, 12:56:11
- - Sl0wik   To jak mam uzyskac efekt widoczny pod IE?   18.04.2005, 13:07:14
- - revyag   Kod<style type="text/css"> body{ ...   18.04.2005, 13:10:20
- - Sl0wik   Dobra rada: sprawdz zanim wkleisz. Zlozone ok ale ...   18.04.2005, 13:22:36
- - revyag   To działa na 100%, jeśli nie to coś zmieniasz. Cyt...   18.04.2005, 13:28:43
- - Sl0wik   Kod<?xml version="1.0" encoding="U...   18.04.2005, 13:46:46
- - revyag   Sory, literówka W deklaracji styli zamiast .cont ...   18.04.2005, 13:53:21
- - Sl0wik   Dzieki, znacznie mi ten kod pomogl ale natknelem s...   19.04.2005, 08:40:11
- - revyag   Dodaj do styli: Kod#bd{ width:780px; } a kodz...   19.04.2005, 09:59:32
- - Sl0wik   Pod IE ok ale pod FF dalej zanika borderder w doln...   19.04.2005, 10:21:52
- - revyag   Jest luka bo brakuje [HTML] pobierz, plaintext ...   19.04.2005, 10:30:52
- - Sl0wik   Super ... dziala. A masz moze pojecie jak ustalic ...   19.04.2005, 11:35:10
- - revyag   Kod<style type="text/css"> body{ ...   19.04.2005, 11:44:28
- - Sl0wik   Agh ... przejezyczylem sie ;]. Chodzilo mi o ustal...   19.04.2005, 12:04:00
- - revyag   Stosując tamten kod nie wiem czy jest to możliwe, ...   19.04.2005, 12:23:47
- - Sl0wik   Nie jestem grafikiem ... daja mi design i mam go u...   19.04.2005, 13:03:12
- - revyag   Chyba się nie rozumiemy. Dla diva też możesz zrobi...   19.04.2005, 13:10:58
- - Sl0wik   Moje nerwy sa juz postrzepione na maxa! http:/...   20.04.2005, 11:11:00
- - Strus   Cytat(Sl0wik @ 2005-04-20 11:11:00)Czemu ta d...   20.04.2005, 13:56:00
- - Sl0wik   Kod jest niemalze dokladnie taki jak mi podal revy...   20.04.2005, 14:12:55
- - revyag   Geez, kod podałem Ci do poprzedniego problemu. Zan...   20.04.2005, 14:22:04
- - Strus   Heh jak pisałem posta wyżej to widziałem kod innej...   20.04.2005, 14:37:22
- - Sl0wik   Strus: a nie przeszlo ci przez mysl ze wtedy pod I...   20.04.2005, 14:48:11
- - Strus   Cytat(Sl0wik @ 2005-04-20 14:48:11)Strus: a n...   20.04.2005, 14:54:58
- - Sl0wik   Kurde juz powoli nie mam sily . Nie moge sobie dac...   21.04.2005, 15:06:09

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
3 Użytkowników czyta ten temat (3 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 7.10.2025 - 04:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn