Table Layout a chybné zobrazování

Verxes · Příspěvek od **Verxes** » 16 úno 2008 14:56

Nazdar, tak jsem se po několika marných pokusech nastylovat layout přes CSS uchýlil k table layoutu v xhtml transitional, ale narazil jsem na problém správného zobrazení pozadí tabulky.
Mám obrázek webu rozřezaný vodorovně na 5 obrázků - hlavicka, menu, drobecková navigace, samotný obsah a paticka. V tabulce jsem postupně přiřadil jednotlivým buňkách obrázky jako pozadí, ale bohužel se mi to zobrazuje správně pouze v exploreru 7, a Opera i Firefox to zobrazují stejně "špatně" - jelikož opera i firefox jsou na standarty větší psi, asi jsem na něco opoměl a exploreru to nevadí, jelikož ten standarty moc nezná. Viz obrázky, správně je ten 2, kde na sebe krásně navazují - ten je z exploreru, opera i firefox nechá škvírku a nepochopitelně ji vyplní kouskem obrázku.
Ostatní obrázku navazují ve všech prohlížečích dobře.

kód:

Kód: Vybrat vše

<body link="blue" topmargin="0" marginheight="0">
    <table border="0" cellspacing="0" cellpadding="20" width="770px" align="center">
    
    <tr>
      <td background="Banner.gif" height="191px">
      </td>     
    </tr>
    <tr>
      <td background="Menu.gif" height="36px">
      </td>     
    </tr>
    <tr>
      <td background="DrobNavigace.gif" height="45px">
      </td>     
    </tr>
    <tr>
      <td background="Obsah.gif" height="572px">
      </td>     
    </tr>
    <tr>
      <td background="Paticka.gif" height="56px">
      </td>     
    </tr>
    
    
    </table>  
</body>

Dík

Starlett · Příspěvek od **Starlett** » 17 úno 2008 18:44

<rejp>To máš za to, že používáš tabulky k jiným účelům než jsou určeny :lol:

</rejp>

Lepší by to bylo vidět naživo... Používáš i nějaké styly nebo jen to, co je definováno v html?
To vyplnění kouskem obrázku až tak nepochopitelné není, pouze se opakuje pozadí, protože tabulka je z nějakého důvodu vyšší než pozadí. Může to být způsobeno rozdílným výpočtem rozměrů v obou prohlížečích, je známo, že IE na to jde po svém (bohužel nevím, jak je na tom IE 7, možná už to neplatí...)

Pokud používáš extení soubor se styly, tak tam zkus vložit tohle:
td {padding: 0;}

pokud ne, tak to vlož do hlavičky (mezi tagy <style></style>) a alespoň o vytvoření externích stylů uvažuj...

P. S. Měl bys něco udělat s tím cellpadding="20", pokud do těch buněk máš v plánu vkládat text, mohl bys být překvapen.

Koja · Příspěvek od **Koja** » 17 úno 2008 18:49

Mohl bys to dát na web a hodit sem odkaz? .. zkoušel sem to u sebe v komplu /obrázky na pozadí sem nahradil barvou pozadí/ a v IE a FF to vypadá stejně, u barvy nějaký ten pixel mimo nepoznám :wink:

Tholus · Příspěvek od **Tholus** » 04 bře 2008 17:53

Nechce se ti to udělat náhodou DIVama?

Verxes · Příspěvek od **Verxes** » 04 bře 2008 22:47

Tommy4 píše:Nechce se ti to udělat náhodou DIVama?

s DIVama jsem se trápil asi 3 týdny, pak jsem se právě rozhodl pro zastaralý table layout, DIVama, totiž moc neumim nastylovat web - základní web typu hlavička, pod ní pravý menu a vlevo obsah, to je v poho... ale s těma obrázkama na pozadí to byl horror.
Ale nakonec jsem problém vyřešil.
Zde máte odkaz na hotove stránky
http://vavra.kx.cz

Spíš by mě zajímalo jak je to s problematikou vyhledávání? Koukněte se schválně na zdrojový kód a řekněte mi proč Google ani Seznam stránku neindexuje?? Je to na nettu už 14 dnů.

Tholus · Příspěvek od **Tholus** » 14 bře 2008 14:20

Ono to chvíly trvá.
http://www.google.com/addurl/ - Todle je takový urychlovač, mají ho skoro všechny vyhledávače, akorát se těžko nachází...

PC-HELP.CZ

CNEWS

Table Layout a chybné zobrazování

Table Layout a chybné zobrazování