MyCity » Web dizajn / HTML » Kako da resim ovu razliku u Mozilli i IE

Kako da resim ovu razliku u Mozilli i IE

Napisano na dan: 17.10.2008

Kako da resim ovu razliku u Mozilli i IE
Sledeća strana Pagination

Idi na vrh

Poslao: 17 Okt 2008 00:26
Idi na vrh
offline
  • Pridružio: 29 Mar 2007
  • Poruke: 234
  • Gde živiš: Kad bih znao

Crveni kvadrat ispada u IE, a ne postoji nigde border ili pading u okviru CSS.
Suma glavnog DIV-a je jednaka sumi svih DIV-a unutar njega, a ispada.
Zna li neko kako ovo da resim?

https://www.mycity.rs/must-login.png



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 17 Okt 2008 00:48
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Nisam te najbolje razume, ali probaj da mu zadaš border=0. Obrati pažnju da li imaš negde padding ili margin. Pading se oduzima od diva, tj. znači ako je glavni div 300px, a želiš da ti ova tri budu po 100px i imaš pading 5px div ti mora biti 90px. 5+90+5=100. Margin se dodaje na div, suprotno od padding-a. I uvek je poželjno da nam postaviš kod, lakše ćemo ti pomoći. Wink



Poslao: 17 Okt 2008 00:56
Idi na vrh
offline
  • Pridružio: 29 Mar 2007
  • Poruke: 234
  • Gde živiš: Kad bih znao

evo koda:
  <style>   html, body   {   margin:0px; padding:0px; color:black;   background:black;font-size:2px;  }     .header   {background:#666;   width:895px; height:130px;margin-top:10px;   }   .osnovni_meni   {   float:left;   width:150px; height:130px;background:blue;   }   .naslov   {   float:left;   width:589px; height:130px; background:white;   }   .pretraga   {float:left;   width:150px; height:130px;background:red;   }   .linije   {   float:left;width:3px;font-size:1px;height:130px;background:orange;   }   </style>     </head>   <body> <div class=header> <div class=osnovni_meni> </div><!--kraj za osnovni_meni--> <div class=linije></div> <div class=naslov> </div><!--kraj za naslov--> <div class=linije></div> <div class=pretraga> </div><!--kraj za pretragu--> </div><!--kraj za header-->   </body>

Poslao: 17 Okt 2008 01:34
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Uf, uf, uffff.....
Ovo ti ništa ne valja. Ovako to treba da se uradi, evo ti kod za celu stranicu:
<!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>Untitled Document</title> <style type="text/css" > html, body {   margin:0px; padding:0px; color:black;   background:black;font-size:2px; } #container {    margin: 0px auto;    padding:0px;    background:#666;    width:895px;    height:130px;    margin-top:10px; } #levidiv {   float:left;   width:150px;   height:130px;   background:blue; } #srednjidiv {   float:left;   border-color: orange;   border-width: 0 3px 0px 3px;   border-style: solid;   width:589px;   height:130px;   background:white; } #desnidiv {   float:left;   width:150px;   height:130px;   background:red; } </style> </head> <body> <div id="container"> <div id="levidiv"></div> <div id="srednjidiv"></div> <div id="desnidiv"></div> </div> </body> </html>

Poslao: 17 Okt 2008 01:42
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

Kad sve to uradis, onda u svaki div gde imas float: left dodaj i display: inline, to bi trebalo da bude to.

Poslao: 17 Okt 2008 01:48
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Ja sam moju varijantu probao i radi besprekorno u svim Browserima. Možeš dodati u css display: inline kao što reče Rastafarii, jer ipak je on super genije za ove stvari. Mr. Green

Poslao: 17 Okt 2008 02:02
Idi na vrh
offline
  • Pridružio: 29 Mar 2007
  • Poruke: 234
  • Gde živiš: Kad bih znao

Znate li u cemu je bio problem?
Problem je bio u ovim komentarima!
Kad sam ih sklonio sve je bilo OK!
U svakmo slucaju hvala vam na pomoci!

Poslao: 17 Okt 2008 02:04
Idi na vrh
offline
  • diarno  Male
  • Anti Malware Fighter
    Rank 2
  • Pridružio: 15 Jun 2007
  • Poruke: 5572

Problem ti prave ovi "komentari"

Znaci umesto

</div><!--kraj za pretragu-->

treba da ide ovako :

<!--kraj za pretragu--></div>

Sad sam testirao;

A za kod to su ti vec dali komentare;

Znaci mozes po njihovom a mozes i samo ovo da izmenis

Dopuna: 17 Okt 2008 2:04

E jb opet sam pisaao suvise sporo .... Vazno da si provalio problem Wink

MyCity » Web dizajn / HTML » Kako da resim ovu razliku u Mozilli i IE

Ko je trenutno na forumu
 

Ukupno su 1157 korisnika na forumu :: 37 registrovanih, 6 sakrivenih i 1114 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 357magnum, 8u47, babaroga, Ben Roj, Denaya, DH, Dogma21, Georgius, gomago, goxin, Insan, ivan1973, kokodakalo, Kubovac, kybonacci, laki_bb, lord sir giga, mane123, mercedesamg, Metanoja, Miki01, milenko crazy north, moldway, momcilob55, nebidrag, nebkv, nemkea71, novator, pein, platana., Ripanjac, solic, sovanova95, voja64, wolf431, YugoSlav, Žrnov