Pravidlá • Registrovať • Prihlásenie

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » Mozilla je divna help pls

Mozilla je divna help pls

Stránka: 1 z 1

[ Príspevkov: 9 ]

Autor

Správa

TECHNODROME

Užívateľ

Užívateľ

Registrovaný: 06.07.07
Prihlásený: 28.01.14
Príspevky: 116
Témy: 27
Bydlisko: BA

Napísal

TECHNODROME: 11.08.2007 13:01

mam kod:

Kód:

   <div id=celok>

           <div id=spacer>
    
            </div>
    
            <div id=stred_l>
                 <a href=dsa>Informácie</a>
               <a href=dsa>Kontakt</a>
               <a href=dsa>Sídlo</a>
               <a href=dsa>Èinnos</a>
               <a href=dsa>Cenník</a>
                <a href=dsa>Zamestnanci</a>
               <a href=dsa>Poboèky</a>
            </div>

          <div id=stred_p>
   
             <div id=obsah>
             dasfergtegwerge
             </div>

    
          </div>


   </div>

v IE a opere zobrazuje vsetko ako ma byt. Len Mozilla sa rozhodla ze div id=celok uzavrie hned za div id=spacer. Poradte pls. btw nenavidim mozillu

shaggy

Čestný člen

Čestný člen

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30
Bydlisko: Bratislava

Napísal

shaggy: 11.08.2007 13:03

Myslím, že sa mozilla "nerozhodla" uzavrieť DIV celok hneď za spacerom. Ja nenávidím IE a tiež pre neho optimalizujem. Mozilla a Opera majú podobné vykreslovanie - teda sa snažia rešpektovať štandardy, mne by pomohol zdrojový kód (html + css), aby som videl kde je chyba.
Mne takto napísané stránky fungujú bez problémov vo firefoxe.

TECHNODROME

Užívateľ

Užívateľ

Registrovaný: 06.07.07
Prihlásený: 28.01.14
Príspevky: 116
Témy: 27
Bydlisko: BA

Napísal autor témy Offline

TECHNODROME: 11.08.2007 13:14

Tak komplety kod:

Kód:

<html>
<head>
   <title>Untitled</title>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<style type=text/css>

    body {background-image:url(omg_bg.png); 
    background-repeat:repeat-x; 
    margin:0;
    font-family:verdana;
    font-size:11;
    }
    
    
    .bg {
    width:100%;
    height:100%;
    background-image:url(bg.gif);
    text-align:center;
    }  
    
    #celok {
    margin:0 auto;
    width:752;
    border-width:1;
    border-color:ECECEC;
    border-style:solid;
    border-top-width:0;
    }
    

    
    #top2 {
    width:722;
    height:170;
    background-color:f9f9f9;
    border-width:1;
    border-style:solid;
    border-color:ECECEC;
    filter:alpha(opacity:60);
    opacity:0.6;
    khtml-opacity:0.6;
    moz-opacity:0.6;
    margin:15;
    margin-top:15;
    }

    
    #top_s {
    height:200;
    width:100%;
    border-width:0;
    border-bottom-width:1;
    border-style:solid;
    border-color:e4e4e4;
    margin-left:auto;
    margin-right:auto;
    }
    
    #top {
    width:752;
    height:200;
    padding:0;
    margin:0 auto;
    background-color:FEFFEE;
    filter:alpha(opacity:60);
    opacity:0.6;
    khtml-opacity:0.6;
    moz-opacity:0.6;
    border-width:1;
    border-color:e1e1e1;
    border-style:solid;
    border-top-width:0;
    border-bottom-width:0;
    
    }
    
    #spacer {
    width:750;
    height:80;
    }
    

    
    #stred_l { 
    margin:0;
     margin-right: 20;
    height:300;
     width: 170;
     float: left;
    background-image:url(menu.png);
    border-width:1;
    border-style:solid;
    border-color:D5EB71;
    border-left-width:0;
    filter:alpha(opacity:60);
    opacity:0.6;
    khtml-opacity:0.6;
    moz-opacity:0.6;
    }
    
    
    #stred_l a {
    font-weight:normal;
    color:black;
    text-decoration:none;
    line-height:2;
    width:130;
    display:block;
    text-align:left;
    padding-left:10;
    background-color:f3f3f3;
    border-width:1;
    border-style:solid;
    border-color:d1d1d1;
    margin-top:5;
    margin-bottom:5;
    filter:alpha(opacity:80);
    opacity:0.8;
    khtml-opacity:0.8;
    moz-opacity:0.8;
    margin:0 auto;
    margin-top:10;
    margin-bottom:5;
    }
    
    #stred_l a:hover {
    background-color:F3FBBE;
    }
    
    #stred_p { 
    font-weight:normal;
    float: right;
     margin: 0;
     padding: 0;
    height:350;
     width: 520;
    background-color:FEFFEE;
    background-image:url(roh_p.png);
    background-position:350 0;
    background-repeat:no-repeat;
    border-width:1;
    border-style:solid;
    border-color:D5EB71;
    border-right-width:0;
    border-bottom-width:0;
    filter:alpha(opacity:60);
    opacity:0.6;
    khtml-opacity:0.6;
    moz-opacity:0.6;
    }
    
    
    #obsah {
    border-width:1;
    border-style:solid;
    border-color:ECECEC;
    background-color:f9f9f9;
    width:490;
    padding:0;
    padding-top:15;
    padding-bottom:15;
    overflow:hidden;
    filter:alpha(opacity:60);
    opacity:0.6;
    khtml-opacity:0.6;
    moz-opacity:0.6;
    margin:15 auto;
    }
    
    

</style>
</head>

<body bgcolor=white>
<div class=bg>

    <div id=top_s>
    
           <div id=top>
           
                 <div id=top2>
               
               </div>
    
            </div>
   </div>
   
   <div id=celok>

           <div id=spacer>
    
            </div>
    
            <div id=stred_l>
                 <a href=dsa>Informácie</a>
               <a href=dsa>Kontakt</a>
               <a href=dsa>Sídlo</a>
               <a href=dsa>Èinnos</a>
               <a href=dsa>Cenník</a>
                <a href=dsa>Zamestnanci</a>
               <a href=dsa>Poboèky</a>
            </div>

          <div id=stred_p>
   
             <div id=obsah>
             dasfergtegwerge
             </div>

    
          </div>


   </div> 
</div>
</body>
</html>

shaggy

Čestný člen

Čestný člen

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30
Bydlisko: Bratislava

Napísal

shaggy: 11.08.2007 13:19

A ešte tak obrázok, ako by to malo vyzerať... lebo to máš všetko pohádzané nakope a nechce sa mi v tom hrabať a tie farby... proste neviem čo je zle a čo je dobre.

TECHNODROME

Užívateľ

Užívateľ

Registrovaný: 06.07.07
Prihlásený: 28.01.14
Príspevky: 116
Témy: 27
Bydlisko: BA

Napísal autor témy Offline

TECHNODROME: 11.08.2007 13:21

http://www.zone.tym.sk/test/

shaggy

Čestný člen

Čestný člen

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30
Bydlisko: Bratislava

Napísal

shaggy: 11.08.2007 13:23

Ja si nemôžem pomôcť, ale mne to vo Firefoxe aj Opere ide rovnako...
fakt netuším, v čom je problém.

TECHNODROME

Užívateľ

Užívateľ

Registrovaný: 06.07.07
Prihlásený: 28.01.14
Príspevky: 116
Témy: 27
Bydlisko: BA

Napísal autor témy Offline

TECHNODROME: 11.08.2007 13:27

No mne to zobrazi tak ze pod tym headerom sa v mozile akoby uzavre ten celok a nieje v nom aj to menu a ten prava strana. a ten celok ma border ktory to ma cele ohranicit ale ten border skonci nad nimi. OMG blbo sa to vysvetluje. mozem este spravit obrazky

imcold

Užívateľ

Užívateľ

Registrovaný: 28.04.07
Prihlásený: 03.11.09
Príspevky: 133
Témy: 1

Napísal

imcold: 12.08.2007 12:39

chceš to takto?

Tie dva stĺpce máš float-ované, takže sú vyňaté z normálneho formátovania (flow), a tým pádom je výška div#celok nulová. Odstráň float alebo za stĺpce dosaď element s vlastnosťou clear: both. Okrem iných opráv, samozrejme... :mad:

Píšeš pre quirks mode (režim, v ktorom sa prehliadač snaží napodobovať chyby starých prehliadačov) a proste hádžeš browseru ľubovolné "CSS" a čakáš, že z toho niečo rozumného vylezie... a je to riadna <div>očina:
border-width:1, line-height:2 ... <- chýba jednotka (percentá? pixely? atd.)
border-color:ECECEC <- hexadecimálne hodnoty majú mať prefix #
Nesprávne definované vlastnosti má prehliadač ignorovať...

btw. Mozillu & spol. môžeš kľudne nenávidieť, vonkoncom ti to nepomôže... radšej sa hlbšie venuj CSS.

TECHNODROME

Užívateľ

Užívateľ

Registrovaný: 06.07.07
Prihlásený: 28.01.14
Príspevky: 116
Témy: 27
Bydlisko: BA

Napísal autor témy Offline

TECHNODROME: 13.08.2007 18:07

ja som najprv pisal jedntky a # pred kod farby ale potom som zistil ze to ide aj bez toho tak neviem naco by som to ta mal davat ide mi vsetko bez prob. a toto je moj prvy design v css (doteraz som buchal tabulky...)

Stránka: 1 z 1

[ Príspevkov: 9 ]

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » Mozilla je divna help pls

Témy		Odpovede	Zobrazenia	Posledný príspevok
Podobné témy
	Pls help v Antivíry a antispywary	0	1156	05.08.2008 23:12 McDog
	Pls. help v Grafické karty	3	612	18.01.2008 8:35 Hiťo
	pls help v Procesory	0	801	11.02.2008 19:08 rudpid
	pls help v Ovládače	0	734	17.10.2008 15:21 ohhoho
	PLS HELP v nVidia čipové sady	13	1062	21.12.2007 16:38 Smush
	Excel, pls help v Ostatné programy	6	1688	29.03.2008 19:35 Intelman
	.daa - pls help v Ostatné programy	14	9274	02.11.2007 15:13 hidden
	Convert pls help v Video programy	0	570	21.08.2011 15:55 Lajk
	HELP ME PLS v Antivíry a antispywary	0	576	10.12.2007 21:24 PE1987
	NB - PLS help v Notebooky a netbooky	3	399	13.09.2009 22:34 Jaro
	DOSKA PLS HELP v Intel čipové sady	1	540	22.12.2008 15:34 Rufus59
	Taktovanie Intel - PLS help v Biosy a ladenie výkonu	3	788	14.10.2006 17:04 Holup
	PLS help mam problem!! :( v Operačné systémy Microsoft	2	380	05.03.2008 14:09 Jaro
	Wordpress chyba (pls help) v Redakčné systémy	0	912	06.05.2008 22:14 Gerky
	ata 133 pls help v Pevné disky a radiče	2	416	26.12.2007 11:55 fox551
	Dolezity upgrade.. pls help v PC zostavy	17	923	04.11.2007 17:40 mimkork

Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra

Mozilla je divna help pls

Podobné témy