DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 18. 09. 2008.   #1
misko_
profesionalac
Qualified
 
Datum učlanjenja: 22.09.2007
Lokacija: Split
Poruke: 111
Hvala: 8
39 "Hvala" u 10 poruka
misko_ is on a distinguished road
Question 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
misko_ je offline   Odgovorite uz citat
Staro 18. 09. 2008.   #2
krcko
A suicide bomber!
Certified
 
Avatar krcko
 
Datum učlanjenja: 05.08.2005
Lokacija: Beograd
Poruke: 63
Hvala: 1
2 "Hvala" u 2 poruka
krcko is on a distinguished road
Pošaljite poruku preko MSN za krcko Pošaljite poruku preko Skype™ za krcko
Default

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
__________________
jQuery addict!
krcko je offline   Odgovorite uz citat
Staro 18. 09. 2008.   #3
misko_
profesionalac
Qualified
 
Datum učlanjenja: 22.09.2007
Lokacija: Split
Poruke: 111
Hvala: 8
39 "Hvala" u 10 poruka
misko_ is on a distinguished road
Default

Citat:
Originalno napisao krcko Pogledajte poruku
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
misko_ je offline   Odgovorite uz citat
Staro 18. 09. 2008.   #4
Alex_SD
novi član
 
Datum učlanjenja: 07.08.2008
Poruke: 1
Hvala: 0
1 "Hvala" u 1 poruci
Alex_SD is on a distinguished road
Default

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;
}
Alex_SD je offline   Odgovorite uz citat
"Hvala" Alex_SD za poruku:
Staro 19. 09. 2008.   #5
misko_
profesionalac
Qualified
 
Datum učlanjenja: 22.09.2007
Lokacija: Split
Poruke: 111
Hvala: 8
39 "Hvala" u 10 poruka
misko_ is on a distinguished road
Cool 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 .-)
misko_ je offline   Odgovorite uz citat
Staro 19. 09. 2008.   #6
Pedja
Predrag Supurović
Grand Master
 
Datum učlanjenja: 24.01.2006
Lokacija: Užice
Poruke: 791
Hvala: 3
200 "Hvala" u 12 poruka
Pedja is on a distinguished roadPedja is on a distinguished roadPedja is on a distinguished road
Default

Citat:
Originalno napisao misko_ Pogledajte poruku
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.
Pedja je offline   Odgovorite uz citat
Staro 19. 09. 2008.   #7
nixa
Nikola Denić
Sir Write-a-Lot
 
Avatar nixa
 
Datum učlanjenja: 18.05.2005
Lokacija: Beograd
Poruke: 3.694
Hvala: 160
458 "Hvala" u 164 poruka
nixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu auru
Pošaljite poruku preko Skype™ za nixa
Default

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

a ovo za tabele ... no comment ....
__________________
Do not ask yourself what the world needs. Ask yourself what makes you come alive, and then go do that. Because what the world needs is people who have come alive
nixa je offline   Odgovorite uz citat
Staro 19. 09. 2008.   #8
misko_
profesionalac
Qualified
 
Datum učlanjenja: 22.09.2007
Lokacija: Split
Poruke: 111
Hvala: 8
39 "Hvala" u 10 poruka
misko_ is on a distinguished road
Default

Citat:
Originalno napisao nixa Pogledajte poruku
^ 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
misko_ je offline   Odgovorite uz citat
Staro 19. 09. 2008.   #9
nixa
Nikola Denić
Sir Write-a-Lot
 
Avatar nixa
 
Datum učlanjenja: 18.05.2005
Lokacija: Beograd
Poruke: 3.694
Hvala: 160
458 "Hvala" u 164 poruka
nixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu auru
Pošaljite poruku preko Skype™ za nixa
Default

Moze .
__________________
Do not ask yourself what the world needs. Ask yourself what makes you come alive, and then go do that. Because what the world needs is people who have come alive
nixa je offline   Odgovorite uz citat
Staro 19. 09. 2008.   #10
misko_
profesionalac
Qualified
 
Datum učlanjenja: 22.09.2007
Lokacija: Split
Poruke: 111
Hvala: 8
39 "Hvala" u 10 poruka
misko_ is on a distinguished road
Default

Citat:
Originalno napisao nixa Pogledajte poruku
Moze .
bili pokazao ?
misko_ je offline   Odgovorite uz citat
Odgovori


Alati teme
Način prikaza

Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
Molim definiciju za vukajliju torbica Opušteno 30 15. 01. 2011. 15:35
Moj sajt je up, molim za komentre,... akki Marketing i SEO 26 29. 07. 2010. 22:39
Molim za pomoc dj_nrw Sva početnička pitanja 1 24. 03. 2009. 04:23
Molim savjet iskusnijih... dee e-Business 4 10. 11. 2006. 05:43
Molim komentare - buditi phoenix Web site, dizajn i multimedia 12 23. 10. 2005. 22:56


Vreme je GMT +2. Trenutno vreme je 17:29.


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.