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

[krcko]

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_]

Originalno napisao krcko

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]

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

<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:

#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_]

@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

#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]

Originalno napisao misko_

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.