Dodatne margine prilikom razbijanja index.html fajla

[ avayaman @ 05.12.2009. 23:15 ] @

Postavio sam index.html stranicu formatiranu css-om. Formatiranje je ispalo kako sam želeo.

Index.html stranicu sam sada "iseckao" i napravio header.php, sidebar.php, content.php, footer.php kopirajući odgovarajući kod u .php stranice iz index.html-a.

Napravio sam novu index.php stranicu koja sadrži : include("header.php"), include("sidebar.php"), include("content.php"), include("footer.php"). Dakle kada se pogleda source code, index.html == index.php

Međutim kada otvorim index.php u browser-u na stranici imam dodatne margine oko svakog elementa (header, sidebar, content, footer) koje se nikako ne mogu ukloniti i css formatiranje u IE nije kako bi trebalo biti. Ovo mi je čudno jer kada pogledam source kodove - isti su i u slučaju da otvaram index.html i da otvaram index.php.

Koje rešenje postoji ?

[ Stefan Jocic @ 06.12.2009. 00:24 ] @

Daj neki screenshot... ovako niko ne može da ti pomogne.

[ flx @ 06.12.2009. 08:03 ] @

Vrlo je moguce da nisi snimio te php fajlove kao UTF-8 without BOM. Prvo to proveri.

Pozdrav.

[ avayaman @ 06.12.2009. 11:04 ] @

Evo i screenshot-ova !

Iznad je index.html koji se ponaša baš kako želim, tj. sluša css bez pogovora.

Svi fajlovi su bili snimljeni kao utf-8. Kada sam ih snimio kao utf-8 without BOM delimično sam rešio problem.Neke margine su nestale,ali na slici ispod sam crvenim obeležio marginu kojoj ne mogu ništa. Jednostavno je tu šta god da kažem u css-u. Evo kako na slici ispod izgleda index.php

A ovako taj isti index.php izgleda u IE

Osim što ima marginu pri vrhu stranica nije centrirana, nego je postavljena uz levu ivicu.

[ flx @ 06.12.2009. 15:16 ] @

Jesi probao da ubijes marginu na body.

[ avayaman @ 06.12.2009. 17:14 ] @

Citat:

flx:Jesi probao da ubijes marginu na body.

<body> nema marginu jer kada stavim background-color vidim da je body skroz do gornje ivice browser-a. Margina potiče od header-a.

U css-u stoji između ostalog:

*{
margin: 0px;
padding: 0px;
}

#header {
margin: 0px;
}

ali ne pomaže.

[ Stefan Jocic @ 06.12.2009. 18:01 ] @

Probaj da body u css definišeš kao:

Code:

body {margin:auto; padding:0px;}

[ avayaman @ 06.12.2009. 18:51 ] @

Citat:

Stefan Jocic

Probaj da body u css definišeš kao:

Code:

body {margin:auto; padding:0px;}

Ne pomaže.

[ flx @ 06.12.2009. 19:02 ] @

Zakaci nam sve djuture u zip, pa da vidimo uzivo.

[ avayaman @ 06.12.2009. 20:33 ] @

Evo i ZIP-a:

[ flx @ 06.12.2009. 20:54 ] @

Pa ti rece da si snimio php fajlove u UTF-8 without BOM :)

header.php snimi u UTF-8 without BOM i to je to.

[ avayaman @ 06.12.2009. 21:50 ] @

He he, pa i jesam ih ponovo sačuvao kao utf-8 without BOM, ali mi je nekako ovaj promakao, a ja sam bio u pogrešnom ubeđenju :)

U svakom slučaju problem više ne postoji!

Hvala puno !