v Mozille inac ako v IE7

daoc · Napísal **daoc**: 15.07.2008 14:17

mam taky problem...myslim ze je to podobne tomuto http://www.pcforum.sk/includovane-menu-vt41706.html
mam spravenu stranku na ktorej su dva riadky a dva stlpce...a v prvom riadku su dve bunky zlucene do jednej, takze stranka vyzera: jedna bunka hore vodorovne a pod nou dve bunky zvislo...ale medzi tou bunkou co je vodorovne a medzi tymi dvoma zvislymi mi v Mozille spravy medzeru...v Internet Exploreroch to ide dobre...
mozte mi poradit, kde mam chybu??
pridavam aj kod (obsah stranky si nevsimajte):

Kód:

<!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=iso-8859-2" />
<meta name="keywords" content="klucove slova"/>
<meta name="description" content="Strucny popis"/>

<title></title>
<style type="text/css">
<!--
body {
   background-color: #F0FEE7;
   color: #FFFFFF;
}
body,td,th {
   font-family: Times New Roman, Times, serif;
   font-weight: bold;
}
.style12 {
   color: #CCCCCC;
   font-family: Arial, Helvetica, sans-serif;
   font-size: x-small;
}
.style13 {color: #999999}
a:link {
   text-decoration: none;
   color: #E0DFE3;
}
a:visited {
   text-decoration: none;
   color: #E0DFE3;
}
a:hover {
   text-decoration: none;
   color: #CC6633;
}
a:active {
   text-decoration: none;
   color: #E0DFE3;
}
-->
</style>
</head>

<body>
<table width="800" border="0" align="center">
    <tr>
      <td align="right">
     <a href="index.html"><img src="pictures/flag_svk.jpg" alt="Slovensky" width="20" height="13" border="0" /></a> 
     <a href="index_pl.html"><img src="pictures/flag_pl.jpg" alt="Polski" width="20" height="13" border="0" /></a>
     </td>
    </tr>
</table>
<div align="center"><a href="index.html"><img src="pictures/top.jpg" border="0" align="top" alt="Sp&auml;ť na hlavnú str&aacute;nku" /></a></div>

<table
style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt" width="800" border="0" align="center" bgcolor="#5C743D" cellpadding="5" cellspacing="0">
 <tr>
    <td width="150" align="left" valign="top">
    </td></tr>
  <tr> 
            <td valign="top" bgcolor="#4F6334">
              <p><a href="onas_sk.html">&nbsp;O n&aacute;s</a> 
                <br />
                <a href="ubytovanie_sk.html">&nbsp;Ubytovanie</a> 
                <br />
                <a href="mapa_sk.html">&nbsp;Mapa</a>
                <br />
                <a href="foto_sk.html">&nbsp;Fotogal&eacute;ria</a>
                <br /> 
                <a href="http://www.cp.sk" target="_blank">&nbsp;Spojenia</a>
                <br /> 
                <a href="cennik_sk.html">&nbsp;Cenn&iacute;k</a>
              <br /> 
                <a href="kontakt_sk.html">&nbsp;Kontakt</a>
                <br />
                <a href="naj_sk.html">&nbsp;Naj</a>
                <br />
                <a href="okolie_sk.html">&nbsp;Okolie</a>
                </p>
               <div align="center"><img src="pictures/wolf.jpg" width="150" height="149" align="top" alt=""/>
                </div>
            </td>    
            <td width="650" align="left" valign="top"><p><img src="pictures/vyhlad.jpg" width="200" height="151" align="left" alt=""/>V tomto kraji kopcov na kopcoch a rokl&iacute;n v roklin&aacute;ch, kde sa  v s&uacute;mraku pralesov rodia pramene a vymieraj&uacute; prastar&eacute; jedle, s&uacute; doposiaľ  začarovan&eacute; miesta, odkiaľ sa e&scaron;te nikdy nedostal jeleň, ani medveď, ani človek.  Pruhy rann&yacute;ch hmiel, plaziacich sa nam&aacute;havo po roklin&aacute;ch smerom hore do h&ocirc;r, s&uacute;  sprievodom mŕtvych, a oblaky pl&aacute;vaj&uacute;ce nad &uacute;žľabmi s&uacute; zl&yacute;mi psami s otvoren&yacute;mi  tlamami, ktor&eacute; sa z h&ocirc;r znes&uacute; aby niekomu ubl&iacute;žili.<br />
              A dole v &uacute;zkych &uacute;doliach riek, v dedin&aacute;ch kde žije e&scaron;te Boh,  a kde s&uacute; zelen&eacute; kukuričn&eacute; polia a žlt&eacute; kvety slnečn&iacute;c žije Boh Zeme, ktor&yacute;  ob&iacute;me hory a &uacute;dolia, hraje sa s medveďmi v h&uacute;&scaron;tin&aacute;ch, l&aacute;ska sa s kravičkami,  ktor&eacute; utiekli od st&aacute;da, a miluje tr&uacute;benie pastierov zvol&aacute;vaj&uacute;cich dobytok do  dedinky.</p>
              </td>
  </tr>
</table>
<table width="800" border="0" align="center">
  <tr>
    <td align="right"><span class="style12 style13">&copy; </span></td>
  </tr>
</table>

</body>
</html>

lio · Napísal **lio**: 15.07.2008 14:51

Smiem vediet, preco pouzivas tabulky na layout ? Lebo na to nie su urcene...

daoc · Napísal autor témy **daoc**: 15.07.2008 15:11

a ako by som to mal opravit??

GoodWill · Napísal **GoodWill**: 15.07.2008 15:33

Chyb tam mas viac. To ze mas layout cez tabulky sice nie je stastne ani standardne riesenie, ale velke vrasky si z toho nerob. Nie je to funkcna chyba. S tabulkovym layoutom maju problemi len niektori ludia (nikto nevie preco).

Ale k veci, pises ze tam mas zjednotene bunky, ale nikde nic take nevidim. Bunky tabulky sa zjednocuju pomocou "colspan". Googluj

daoc · Napísal autor témy **daoc**: 15.07.2008 15:42

sorry ludia...ospravedlnujem sa...uz som nasiel chybu...a este som to tu aj zle napisal...nie su tam dve bunky ale dve tabulky...a v tej druhej som mal cellpadding="5" ...neviem ci sa chapeme, ale hlavne je ze to ide...dost blba chyba...
mozme sa este raz vratit k tomu ako spravit layout inac ako cez tabulky?? cital som, ze to dost spomaluje otvaranie celej stranky...nasiel som toho vela, ale nemozem z toho vyjst...nemohli by ste tu niekto dat konkretny priklad (na moju stranku)?? neviem v com inom ako v tabulke to dat (css?? div??)
pomozte, poradte
ď

Tominator · Napísal **Tominator**: 15.07.2008 15:46

poviem asi takto:
vraj tabuľkový systém nie je moderný a nahrádza sa divkami ...
ale aj niektorý "profíci" používajú tabuľky:
http://www.arenapoprad.sk/

ja osobne používam divka ..

daoc · Napísal autor témy **daoc**: 15.07.2008 15:54

ja som cital, ze ked je stranka iba jedna tabulka porozdelovana na kopec riadkov a stlpcov, tak sa dlho caka, pokym ´´natiahne´´ celu tabulku...
v dive to tak nie je?? div je proste ´´normalny´´?? akoze, ak sa robia take stranky tak sa dava div a nema to ziadne nevyhody?? alebo to spravim cez div a potom zas niekto napise, ze: smiem vediet preco pouzivas div?

Tominator · Napísal **Tominator**: 15.07.2008 16:11

no divy sú štandardy, vysvetlím:
div je element ktorý získavá svoju "silu" nakódovaním CSSka ...
preto sa vačšinou web rozdelí na topár základných divov (obvykle 3) a tie sa ďalej delia na divka, nadpisi a p -čka (<p> pre maniakov nočných programov)
prakticky ti vznikne štruktúra

a je pravdá že tabuľky sa dlho načitávajú ... divka trošku kratšie ale keď ich máš stovky tak si počkách tak či tak ...

GoodWill · Napísal **GoodWill**: 15.07.2008 16:24

pokial je tam tabulka naozaj iba jedna, tak to ziaden vykonnostny problem nevyroby.
je ale mozne ze tabulka sa zobrazi az ked ju ma browser celu "pripravenu" zatial co divy moze zobrazovat aj postupne. to je ale len taky dohad, netusim ako jednotlive browsery spracuvaju a vykresluju obsah.
ak vies layout urobit aj cez div, pouzi div. ak to nevies, ostan pri tabulke. nic vazne sa nestane. vnutorne krasny layout sa naucis robit neskor

stenley · Napísal **stenley**: 15.07.2008 16:30

diskusiu o vyhodach/nevyhodach jednotlivych "technik" vedte pls v prislusnych temach zameranych na danu problematiku... take mensie ale vystizne porovnanie najdes aj v tomto prispevku, pripadne v teme div vs. table vs. frames

v tejto teme bol jasne stanoveny problem, tak sa toho aj drzte (pripadne poradte konkretne riesenie, ak este nebolo uvedene)

daoc · Napísal autor témy **daoc**: 15.07.2008 18:04

uz tam davam div, ale ak namiesto tych tabuliek dam divy, spravim to tak, aby to malo sirku napr. 800px, ale cele to mam zarovnane nalavo hore.
Ako mam spravit, aby to bolo vycentrovane na stred?? cize aby to vyzeralo, ze to ma sirku 800px, vysku podla toho, kolko tam bude textu a cele to je horizontalne vycentrovane??

don jebot · Napísal **don jebot**: 15.07.2008 19:07

daj to do divu container a tomudaj vlastnost margin:0 auto a este aj text-align:center

daoc · Napísal autor témy **daoc**: 15.07.2008 21:05

nejde mi to takto

Tominator · Napísal **Tominator**: 16.07.2008 8:20

skús dať do <body align="center"

don jebot · Napísal **don jebot**: 16.07.2008 8:24

mas externe css???? ak ano tak margin:0 auto a text-align:center ti musia fungovat

ale pojde ti aj to co napisal torminator ale nemal by si miestat styl do kodu...

idiotart · Napísal **idiotart**: 16.07.2008 15:48

musis nastavit pevnu sirku toho kontajnera
CSS

Kód:

#container {  margin: 0 auto; width: 600px; height: 600px; background-color: #000000; }

HTML

Kód:

<div id="container">
</div>

daoc · Napísal autor témy **daoc**: 20.07.2008 14:55

v CSS mam:

Kód:

#container {
   width: 800px;
   text-align: left;
   margin:0 auto;
}

a v HTML potom:

Kód:

<div id="container">

               <div id="jazyk">
               </div>

               <div id="banner">
               </div>

               </div id="lavy">
               </div>

               </div id="obsah">
               </div.
</div>                    

pri jazyk a banner mam v CSS iba:

Kód:

text-align:right alebo left;

a neviem co dat do CSS v lavy a obsah, ak chcem aby boli vedla seba...oni uz su v containeri...a cely container je zarovnany na stred....cize container ma sirku 800px a je jedno aky mas monitor, stale bude mat container sirku 800px a bude zarovnany na stred...
v lavy a obsah mam:

Kód:

#lavy {
position:absolute;
width:150px; 
text-align:left;
left:0px;
top:0px;
background-color:#4f6334;
vertical-align:top;   
}   
#obsah {
position:absolute;
width:650px;
text-align:left;
left:150px;
top:0px;
background-color:#5c743d;
vertical-align:top;   
}   

a neviem kde je chyba, pretoze ono si to vobec nevsima ze su v containeri....ulozi ich tak ako maju byt, ze lavy ma sirku 150px a pravy ma sirku 650px a je vzdialeny z lava 150px, ale obidva su uplne hore uplne nalavo obrazovky...a nevsima si, ze su v containeri...vyskusal som vsetky position: absolute, fixed, inherid, relative, static...a nejde to...

ako to spravit, aby bol obsah od laveho 150 px (cize aby boli vedla seba) a aby stale boli v containeri (ktory ma sirku 800 px a je zarovnany na stred) ??

ď

idiotart · Napísal **idiotart**: 20.07.2008 18:23

no do kontajnera ti ttreba doplnit jeden riadok s position relative

Kód:

#container {
position:relative;
width: 800px;
text-align: left;
margin:0 auto;
}

da sa to aj pouzitim floatu a to tak, ze si das

Kód:

#container {
width: 800px;
text-align: left;
margin:0 auto;
}
#lavy {
float:left;
width:150px;
text-align:left;
background-color:#4f6334;
}
#obsah {
float:right;
width:650px;
text-align:left;
background-color:#5c743d;
}

Potom ked chces este aj paticku pod to vsetko, tak aby sa zobrazovala pod selym kontajnerom, musis doplnit pod obsah ale do kontajnera jeden riadok

Kód:

          ...
          </div id="obsah">
          </div> <!-- tu bola tiez chyba, mal si bodku miesto tej zatvorky, som si ani nevsimol -->
          <div style="clear:both;"></div>
</div>

Toto ti natiahne kontajner az na spodok. To vedla konca obsahu je len popis, to ti netreba.
Inak pri divoch ti je zbytocne davat vertikalne zarovnanie, to funguje len pri tabulkach. Pri divoch sa to riesi inak. Teoreticky ani zarovnavania na lavu stranu ti netreba, tie su defaultne nastavene vo vetkych prehliadacoch.

daoc · Napísal autor témy **daoc**: 20.07.2008 18:46

diki moc...funguje to...dal som to cez float...
a este sa chcem opytat...aj v lavy aj v obsah mam nastavenu farbu pozadia (odlisnu, inu v lavy a inu v obsah) a samozrejme ze lavy je na vysku kratsi ako obsah, cize podfarbenie lavy konci tam, kde konci text v lavy a podfarbenie obsah ide dalej az pokym sa neskonci text v obsah...
ako nastavim podfarbenie (resp. vysku) lavy tak, aby sa koncil(a) tam, kde sa konci obsah??

ď

idiotart · Napísal **idiotart**: 20.07.2008 21:42

tak, ze das farbu levej strany kontajneru, a lavu stranu nechas bez farby. naraz sa to natahovat asi nedokaze.

daoc · Napísal autor témy **daoc**: 20.07.2008 23:13

trosku ta nechapem...neviem ako myslis lavu stranu containera...ja mam

Kód:

a

Kód:

a tam nastavene

Kód:

background-color:

neviem ako mam nastavit pozadie lavej strany containera, lebo lavu stranu containera tam proste nemam....mam tam dva div-y, ktore su vedla seba a kazdy ma inu farbu pozadia

idiotart · Napísal **idiotart**: 21.07.2008 0:20

myslel som to tak, ze lavy stlpec nechas bez farby a zafarbis len obsah a kontajner. kedze kontajner je pod obsahom a natahuje sa spolu s obsahom tak to bude vizerat ze aj lavy stlpec sa natahuje. kontajner bude mat farbu laveho stlpca.

Kód:

#container {
width: 800px;
text-align: left;
margin:0 auto;
background-color:#4f6334;
}
#lavy {
float:left;
width:150px;
}
#obsah {
float:right;
width:650px;
background-color:#5c743d;
}

daoc · Napísal autor témy **daoc**: 21.07.2008 0:26

dik...pochopil som...

daoc · Napísal autor témy **daoc**: 23.07.2008 22:17

pockaj...somarina...
nie je este nejaky iny sposob?? lebo ak podfarbim cely container, tak v containeri mam aj logo, aj vyber jazyka aj pätičku a cele to ma tmave pozadie...ja potrebujem tmave pozadie len pod obsah...

v Mozille inac ako v IE7

Podobné témy