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: 3665
  • 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 727 korisnika na forumu :: 38 registrovanih, 8 sakrivenih i 681 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: _commandos_, _Sale, A.R.Chafee.Jr., aramis s, Bane san, Bloody, bojank, Brot, cilitis, crnitrn, dekao, djordje92sm, Dragan1998, Drug pukovnik, FOX, GUARIN, irenatanic, Konda, Marko Marković, Markogrozni, MB120mm, mercedesamg, Milos ZA, miodrag, misa1xx, mrav pesadinac, mustangkg, ostoja, repac, rovac, samsung, Snorks, Toni, Trpe Grozni, ucenik32, vathra, VJ, Zvrk