DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   Molim objasnjene oko razlicitog ponasanja div-ova u IE i FF (http://www.devprotalk.com/showthread.php?t=6253)

misko_ 18. 09. 2008. 12:01

Molim objasnjene oko razlicitog ponasanja div-ova u IE i FF
 
Cao,

Napravio sam svoj jednostavni webspace, namjerno sam ga napravio tako jednostavnim i zapravo sadrži samo linkove.

I naravno ne izgleda isto na FF i IE, pa pih zamolio da mi netko objasni zasto je to tako, jer sam siguran da ovdje ima onih koji su u tome ispekli zanat.
Koliko sma ja upoznat obično je IE teže natjerati da prikaže onako kako želimo, ali kod mene je IE prikazao onako kako sam zamislio dok me FF malo zezea.

Moja pitanja su sljedeca:
1. Zasto ispod drugoga žutaga kvadrata nema crna crta kao u IE ?
1. Zasto iznad narančastog kvadrata nema crvena crta kao u IE ?

Meni se čini da se ovo ponavlja zbog istog problema ali neznam kojega. Da li je to greška do preglednika ili ja nisam napravio kako bi trebalo ?

Hvala na odgovorima...

Ovo je prilog slike kako izgleda u IE

Kako izgleda u FF i Operi

krcko 18. 09. 2008. 12:31

pa kako neko moze da ti pomogne ako nisi stavio ni parce css/html koda?

to da ie prikaze lepo a normalni browseri lose je veoma cesto kada si pocetnik i kada razvijas sajt za internet explorer pa tek onda gledas u ostalim browserima.

znaci, da da vidimo css/html pa cemo da ti pomognemo, jer ovako bez koda mozemo samo da nagadjamo...


btw imas jednu gresku u spellovanju, Croatian a ne Croatina

misko_ 18. 09. 2008. 13:07

Citat:

Originalno napisao krcko (Napišite 60672)
pa kako neko moze da ti pomogne ako nisi stavio ni parce css/html koda?

to da ie prikaze lepo a normalni browseri lose je veoma cesto kada si pocetnik i kada razvijas sajt za internet explorer pa tek onda gledas u ostalim browserima.

znaci, da da vidimo css/html pa cemo da ti pomognemo, jer ovako bez koda mozemo samo da nagadjamo...


btw imas jednu gresku u spellovanju, Croatian a ne Croatina

sorry

Odes na http://buklijas.info/ i pogledas source, jako je jednostavno
a css je na http://buklijas.info/main.css

Alex_SD 18. 09. 2008. 14:11

Ovo radi u Firefoxu (nisam probao u Exploreru, probaj pa nam javi)

Kôd:

<div id="main">
       
            <div id="header_shape">
                <div id="header">
                    <h1>Saša Buklijaš</h1>
                </div>
            </div>
            <div id="content_shape">
                    <div id="cro">
                <a href="http://www.linkedin.com/pub/2/51A/394">Moj profil na LinkedIn</a>.<br>
                <a href="http://mzsl.wordpress.com/">Blog o životu sa linux-om.</a><br>
                <a href="http://buklijas.info/cv/Sasa_Buklijas_CRO.pdf">Životopis.</a>(285KB, pdf)<br>
                    </div>
           
                    <div id="eng">
                <a href="http://www.linkedin.com/pub/2/51A/394">My profile on LinkedIn</a>.<br>
                <a href="http://mzsl.wordpress.com/">Blog abouth life with linux. It is on Croatina.</a><br>
                <a href="http://buklijas.info/cv/Sasa_Buklijas_ENG.pdf">CV.</a>(285KB, pdf)<br>
                    </div>
                                                </div>
        </div>

Videces da sam dodao div #content_shape koji obmotava #cro i #eng.

A evo i izmena u CSS-u:
Kôd:

#header_shape
{
    background-color: red;
    padding: 1em;
    margin: 0;
}
#header
{
    background-color: orange;
    text-align: center;
                padding: 1em;
}
#content_shape {
        padding: 1em;
}
#cro, #eng
{
    padding: 1em; /*koliko je sadržaj udaljen od ruba elementa*/
    background-color:  yellow;
}
#eng
{
    margin-top: 1em;
}


misko_ 19. 09. 2008. 09:03

Riješeno
 
@Alex_SD ovo radi bez problema i na IE i na FF...

Dok sam pokusavao dokuciti koje CSS svojstvo za šta služi, vidio sam da je
Kôd:

#header_shape
{
    background-color: red;
    padding: 1em;
    margin: 0;
}

margin: 0; nepotreban, valjda je podrazumjevani 0 ???
Da li ima neki posebni razlog zasto si ga stavio ?

Meni se čini da je krajni zaključak kod ovih igranja sa div-ovima i CSS-om je da od viša div-a glava ne boli .-)

Pedja 19. 09. 2008. 10:28

Citat:

Originalno napisao misko_ (Napišite 60703)
Meni se čini da je krajni zaključak kod ovih igranja sa div-ovima i CSS-om je da od viša div-a glava ne boli .-)

Ja bas imam drugaciji utisak, da je CSS jos uvek debelo nedoradjena stvar koja ne radi ono zbog cega se svi kunu u njega.

Sve dok, da bi se postigao odredjeni izgled bude morao da se menja HTML, CSS ce biti samo polovino odradjena tehnologija.

Prema ideji CSS-a, neprihvatljivo je da se, zarad postizanja negovog vizuelnog efekta, moraju dodavati div-ovi, jer to znaci da divove stavljamo zarad vizuelnog efekta a ne kao sadrzaj dokumenta.

Ak je ovakvo resenje sa dodavanjem za sadrzaj nepotrebnih div-ova prihvatljivo, onda ne vidim sta ima strasno da covek lepo stavi tabelu i resi isti problem mnogo brze i jednostavnije.

nixa 19. 09. 2008. 10:39

^ dodajes svaki element markup-a ako nemas dovoljno znjanja da resis to na pravilan nacin.

a ovo za tabele ... no comment ....

misko_ 19. 09. 2008. 11:01

Citat:

Originalno napisao nixa (Napišite 60705)
^ dodajes svaki element markup-a ako nemas dovoljno znjanja da resis to na pravilan nacin.

Da li bi ti mogao napraviti ovo što sam ja htio sa manje HTML i CSS koda(zanakova) elemenata ?

Nisam stavio ovo pitanje da te provociram, nego bih čisto htio vidjeti da li bi se ovo moje moglo napraviti jednostavnije

Citat:

Ak je ovakvo resenje sa dodavanjem za sadrzaj nepotrebnih div-ova prihvatljivo, onda ne vidim sta ima strasno da covek lepo stavi tabelu i resi isti problem mnogo brze i jednostavnije.
Po mome iskustvu tablice su najgore moguče riješenje pogotovo ako hoćeš nešto na promjeniuš iako izgledaju kao najjednostavnije

nixa 19. 09. 2008. 12:17

Moze .

misko_ 19. 09. 2008. 12:37

Citat:

Originalno napisao nixa (Napišite 60715)
Moze .

bili pokazao ?:please:


Vreme je GMT +2. Trenutno vreme je 13:00.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.