[es] - CSS i Mozilla - problemi - jos problema sa tri div-a

NikolaVeber
NikolaVeber
neradnik na porodiljskom bolovanju
Karlsruhe

Član broj: 5115
Poruke: 1254
*.verat.net

Jabber: nikolaveber@jabber.org
ICQ: 121532865

Profil

CSS i Mozilla - problemi - jos problema sa tri div-a

^{11.10.2003. u 19:24 - pre 249 meseci}

Pozdrav!

Vec san se u par navrata obracao za pomoc po pitanju upotrebe css-a umesto tabela za kontrolu prikaza elemanata na strani. Uspeo sam da (po uputstvima) naparvim jadan div levo i drugi desno, sa sledecim stilovima:

Code:

div.levi{
float:left;
display:inline;
border: 1px solid #ccc;
margin-right:15px;
position:relative;
}
div.desni{
clear:none;
display:inline;
float:right;
border: 5px solid #ccc;
width:100px;
position:relative;
}

U IE sve izgleda ok, ali u Mozilli se slojevi ne pojavljuju jeadn pored drugog, neko jedan ispod drugog, a svoju horizontalnu poziciju zadrzavaju (to je ok). Isto se desava i sa paragrafima, koji bi trebali da se nalaze u levom sloju - tri u jednom redu:

Code:

p.paragraf{
background-color:#F0EEEC;
text-align:center;
float:left;
display:inline;
width:33%;
position:relative;
}

paragraf ise u html kodu navode jedan iza drugog.
Da li je mozilla sposobna da prikaze takve egzibicije (pretpostavljam da jeste, ali opet ...), ili ja negde gresim (najverovatnije)?

U pomoc!

[Ovu poruku je menjao NikolaVeber dana 12.10.2003. u 22:58 GMT]

Pop Servis "Paradise Tours"
Java User Group Karlsruhe
IT Dan - Srbija

Officer, I saw the driver who hit me - his name was Johnny Walker.

Odgovor na temu

-zombie-
Tomica Jovanovic
freelance programmer
ni.ac.yu

Član broj: 4128
Poruke: 3448
*.verat.net

Sajt: localhost

+5 Profil

Re: CSS i Mozilla - problemi

^{11.10.2003. u 19:30 - pre 249 meseci}

daj primer html koda za koji ne radi da ne bi mi morali da izmišljamo

a inače, nema potrebe da stavljaš na levi float: left; i na desni float: right; dovoljno je ovo prvo.

za nekoliko primera dizajna sa 2, 3, 4 i više kolona, pogledaj recimo http://glish.com/css/home.asp

blogče :: unescaped beta^{^» ^{go-paste extenzija} ^» ^{reč dana: backup} ^» ^{bočne koalicije}}

Odgovor na temu

tOwk
Danilo Šegan
Zemun/Beograd

Član broj: 94
Poruke: 2743
*.verat.net

ICQ: 9344053
Sajt: alas.matf.bg.ac.yu/~mm011..

+2 Profil

Re: CSS i Mozilla - problemi

^{11.10.2003. u 19:44 - pre 249 meseci}

Probaj i „static“ umesto „relative“ (na jednom mestu, mrzi me sad da razmišljam tačno gde :-)

Možda se moje mišljenje promenilo, ali ne i činjenica da sam u pravu.

Odgovor na temu

NikolaVeber
NikolaVeber
neradnik na porodiljskom bolovanju
Karlsruhe

Član broj: 5115
Poruke: 1254
*.verat.net

Jabber: nikolaveber@jabber.org
ICQ: 121532865

Profil

Re: CSS i Mozilla - problemi

^{11.10.2003. u 19:49 - pre 249 meseci}

Code:

<!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>
<title>Ljig.net - prozor za svet</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

</style>
</head>

    <div class="desni">
desni sdf  asd lkasd aslf sdf sdfasdfasd fa sdf sda fasd f asd fasd f asdf asd fas df asd f sdf asdf asd fadsf asd fs adf asd fas df adsfasd f asdf
</div>

<div class="levi">

    <div class="red">

        <p class="slika">
            <img src="knjiga-0.jpg" width="150" height="125" border="0" alt="" class="slika"><br />
            opis slike u par reci ... a mozda i vise, zavisi kako se uradi ... to moze da bude poduze :)
        </p>

        <p class="slika">
            <img src="knjiga-0.jpg" width="150" height="125" border="0" alt="" class="slika"><br />
            opis slike u par reci ...
        </p>

        <p class="slika">
            <img src="knjiga-0.jpg" width="150" height="125" border="0" alt="" class="slika"><br />
            opis slike u par reci ...
        </p>

    </div><br />
</div>

</BODY>
</HTML>

Pop Servis "Paradise Tours"
Java User Group Karlsruhe
IT Dan - Srbija

Officer, I saw the driver who hit me - his name was Johnny Walker.

Odgovor na temu

-zombie-
Tomica Jovanovic
freelance programmer
ni.ac.yu

Član broj: 4128
Poruke: 3448
*.verat.net

Sajt: localhost

+5 Profil

Re: CSS i Mozilla - problemi

^{11.10.2003. u 20:17 - pre 249 meseci}

nisam znao da ti prvo ide desni (obično ljudi stavljaju obrnuto ;)

znači, kod levog (ili generalno kod "drugog" DIVa na stranici) izbaciš float.

Code:

div.levi{

display:inline;
border: 1px solid #ccc;
margin-right:15px;
position:relative;
}

blogče :: unescaped beta^{^» ^{go-paste extenzija} ^» ^{reč dana: backup} ^» ^{bočne koalicije}}

Odgovor na temu

NikolaVeber
NikolaVeber
neradnik na porodiljskom bolovanju
Karlsruhe

Član broj: 5115
Poruke: 1254
*.verat.net

Jabber: nikolaveber@jabber.org
ICQ: 121532865

Profil

Re: CSS i Mozilla - problemi

^{11.10.2003. u 20:31 - pre 249 meseci}

a sta cu sa <p> sadrzajem : da li je moguce sa jednim stilom da 3 paragrafa stoje jedan do drugog? I da li je moguce (ovo mi ni u ie nije poslo za rukom) da pomocu php-a samo radjam potrebne paragrafe jedan za drugim, koji svi imaju isti stil, a sirina im zavisi od slike koja je unutra (kao galerija slika), ali da se redjaju u redove (kao da se nalaze u tabeli)... ? Znaci u prvom redu staju 2 komada, pa onda pocinje 2. red sa npr 3 komada itd, a svi se nalaze u jednom div-u, i imaju jedan stil.

Pop Servis "Paradise Tours"
Java User Group Karlsruhe
IT Dan - Srbija

Officer, I saw the driver who hit me - his name was Johnny Walker.

Odgovor na temu

NikolaVeber
NikolaVeber
neradnik na porodiljskom bolovanju
Karlsruhe

Član broj: 5115
Poruke: 1254
*.verat.net

Jabber: nikolaveber@jabber.org
ICQ: 121532865

Profil

Re: CSS i Mozilla - problemi - jos problema sa tri div-a

^{12.10.2003. u 21:02 - pre 249 meseci}

Pregledao sam onaj link koji je zombie dao, cool stvari. Sada mi treba da u div smestim jos tri div-a koji stoje jedan do drugog, svi po 33% siroki. Imam sledeci kod:

Code:

<div id="levi" style="margin-right:147px; border:1px solid #FF0000; position:relative">
<div style="width:33%;
position:relative;
float:left;
background:#00FF33;
padding-bottom:10px;
">
PRVIdsd sa dasd asd asd as asd as d asd as d asd as da sd  asd asd as d d asd a sda
</div>
<div style="width:33%;
position:relative;
float:left;
background:#CC66CC;
padding-bottom:10px;
">
DRUGIdsd sa dasd asd asd as asd as d asd as d asd as da sd  asd asd as d d asd a sda
</div>
<div style="width:33%;
position:relative;
float:left;
background:#FF6633;
padding-bottom:10px;
">
TRECIdsd sa dasd asd asd as asd as d asd as d asd as da sd  asd asd as d d asd a sda
</div>
</div>

Stavicu css atribute u stil kasnije... u operi (v5) i mozilli 1.4 sve ozgleda ok, ali u IE mi svaki od njih ima sirinu 33% cele strane, a ne parent sloja. U cemu je problem ? Pomagajte !

Pop Servis "Paradise Tours"
Java User Group Karlsruhe
IT Dan - Srbija

Officer, I saw the driver who hit me - his name was Johnny Walker.

Odgovor na temu