razlicit razmak od slike?

[ fensi88 @ 17.12.2011. 11:42 ] @

Moze li neko da mi objasni zasto je razmak izmedju reklame (Powered by freewebs) i ove crte razlicit u IE i MF?

IE

Kod za stranu je:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<link rel="shortcut icon" href="favicon2.ico">
<center>
<script language="JavaScript"

src="http://images.freewebs.com/JS/Freebar/btn_roundblue.js">
</script></center>

<style type="text/css">

html, body
{
background-color:#48d1cc;
text-align: justify;
scrollbar-arrow-color:black;
scrollbar-track-color:#99ffff;
scrollbar-shadow-color:black;
scrollbar-face-color:#48d1cc;
scrollbar-highlight-color:white;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:black;
}

h2
{
color:black;
text-align:center;
font-size:25px;
font-family:"Arial";margin-bottom:50px;
}
p
{
font-family:"Arial";
font-size:18px;font-weight: bold;margin:0;
}
.razmak2
{
margin-top:20px;
}
h3
{
font-style: italic;
font-family:"Arial";
font-size:18px;font-weight: bold;margin-bottom:50px;
}

img
{
    display: block;
    margin: 0 auto;margin-top:35px;
    margin-bottom:35px;
}

#img1
{
    display: block;
    margin: 0 auto;margin-top:35px;
    margin-bottom:5px;
}

#img2
{
    display: block;
    margin: 0 auto;margin-top:55px;
    margin-bottom:20px;
}
#img3
{
    display: block;
    margin: 0 auto;margin-top:1px;
    margin-bottom:1px;
}

a:link {color:#342d7e;}
a{text-decoration:none;cursor:crosshair;font-weight:700;}
a:visited{color:#342d7e;}
a:hover{color:white;}

ul { font-family:"Arial";list-style-type: disc;
font-size:18px;font-weight: bold  }
#table2
{
border: ridge; width:35%;
margin:0 auto;color:white;margin-top:15px;
}
th
{
background-color:#48d1cc;
height:8px;
}
td
{
font-family:"Times New Roman";
font-size:18px;text-align:right;padding:1px;background-color:#48d1cc;
}
a img {border: none; }

</style>

<title>Horarna astrologija - Gde je moj parfem?</title>
<meta name="description" content="horarna astrologija, pronadjite izgubljenu stvar, parfem, TV, 3.kuca...">
<meta name="keywords" content="horarna astrologija, pronadjite izgubljenu stvar, parfem, TV, 3.kuca...">
</head>
<body>
<img id="img3" src="brgr1.gif" width="600"/>

<div align="right" style="float: right;">

<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmar...v=250&username=okean88"

class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript"

src="http://s7.addthis.com/js/250/addthis_widget.js#username=okean88"></script>
</div></font>

<img id="img2" src="Horastro2a.gif" width="474" height="66" alt="Horarna astrologija" />

<h2>GDE JE MOJ PARFEM?</h2>
<p>2. oktobra 2011. u Horarnoj sekciji Astrodienst Forum -a ugledala sam post sledece sadrzine:</p>
<h3 class="razmak2">"Pre nedelju dana dobila sam uzorak parfema, samo sam ga jednom koristila i od tada  ne mogu da ga nadjem. Brinem i mislim da sam ga slucajno bacila, jer je bio u tankoj flasici pa ga mozda nisam ni primetila? Gde je? Moze li se to reci na osnovu karte?" - "rammstein200594"</h3>
<p class="razmak2">"Rammstein200594" je poslala kartu za datum, mesto i vreme kad je postavila pitanje:
<img class="img" src="parfem.gif" width="471" height="519" alt="Horarna astrologija - Gde je moj pafem?" />
<p>Prvo proveravamo postoje li indikacije da ce parfem  biti nadjen. Da, postoje:
<ul>
    <li>vladar 2.kuce je  retrogradan (rx)</li>
</ul>

<p class="razmak2">Ne brini! - odgovorila sam joj, vidimo da je vladar 2.kuce rx, to je siguran znak da ce parfem biti nadjen! Rekla sam joj da pogleda u kolima ili garazi, da je mozda kod rodjaka ili rodjak  zna gde je <span style="color: firebrick;font-style: italic;"> (vladar 2.kuce je u 3. kuci.)</span>. Rekla sam joj takodje da potrazi u stolu gde  drzi pisma/knjige ili za kojim  uci ili u sobi gde se gleda TV ili slusa muzika ili da potrazi medju stvarima koje koristi kad ide na neki kraci put. Rekla sam joj da potrazi na Severoistoku i u blizini plave ili crvene boje <span style="color: firebrick;font-style: italic;"> (Vladar 2. kuce je Jupiter)</span>.</p>

<p class="razmak2">18. oktobra 2011.  "Rammstein200594" se javila:</p>

<h3 class="razmak2">"Bio je na mestu gde sam ga najmanje ocekivala! Moj brat ga je uzeo i bio je iza njegovog TV-a . Bio je izmedju dva modela njegovih automobila, jedan je bio plave, a drugi crvene boje!! Prosto neverovatno! Hvala puno!!"</h3>
<img id="img1" src="brgr1.gif" width="600"/>
<p>
<table id="table2">

<tr>
<td style='text-align:center;'><a  href="index.html">Horarna astrologija - Pronadjite

izgubljenu stvar!</a></td>
</tr>
</table>

<script type="text/javascript" src="http://static.websimages.com/s...al/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body></html>

I jos nesto, kad ucitam fajl sa mog diska dobijem sto se tice velicine slova sve isto i u IE i MZ, ali kad ucitam fajl sa hosta u MF dobijem veca
slova?
Hvala.

_{[Ovu poruku je menjao fensi88 dana 17.12.2011. u 14:24 GMT+1]}

[ latinosrdjan @ 05.01.2012. 13:23 ] @

Vidi ortak, malo ti je neuredan kod. Probaj da stvoris naviku da meta tagove stavis pre stilova, javascript isto, nije greda ako ga ubacis u html ali bolje je da napravis eksternu datoteku i da ga linkujes. Probaj ceo html da umotas u neki tzv wrapper i da taj wrapper pozicioniras. Sto se tice fonta, probaj umesto px da koristis em... i jos nesto probaj pre stilizovanja bilo kojeg taga da pocnes sa:

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

i jos dodas sta mislis da ce ti praviti problem, pa u toku stilizovanja sam odredjujes margine i ostala CSS sranja.

[ fensi88 @ 05.01.2012. 19:03 ] @

Hvala na pokusaju da mi pomognes. Nazalost i dalje u MF imam veci razmak ispod njihove reklame (na samom pocetku stranice). Mozda je to do nekih podesavanja kod mene u MF=u??? Ako neko ima vremena nek pogleda (evo linka:parfem) da li u svom MF vidi veci razmak ispod reklame, kao na slici koju sam poslala i nek javi cisto da znam da li je do nekih podesavanja kod mene. Hvala.

[ valjan @ 06.01.2012. 10:40 ] @

A da li ovo mora da stoji u Head sekciji stranice?

Code:
<center>
<script language="JavaScript"

src="http://images.freewebs.com/JS/Freebar/btn_roundblue.js">
</script></center>

Probaj da ga izvadiš odatle i smestiš odmah iza body taga, mislim da je latinosrdjan ukazivao baš na to... Inače, center tag koji se tu koristi je odavno zastareo, trebalo bi da ga zameniš nekom savremenom alternativom (css)...

[ fensi88 @ 06.01.2012. 10:56 ] @

Hvala na odgovoru.
Uradila sam kako si rekao, ali i dalje imam veci razmak u MF. Evo novog fajla na kome sam to probala i umesto "center" stavila sam "div":
parfem2

[ valjan @ 06.01.2012. 11:52 ] @

Ako pogledaš ovde, videćeš da tvojoj stranici nedostaje DOCTYPE deklaracija, a to ponekad ume da predstavlja razliku kako će browser prikazivati stranicu. Osim toga, sve ti je upakovano u div-ove, ali ti oba ta gif-a sa tom gradijent crtom "vise" u vazduhu, tj. nisu ni u jednom kontejneru, što možeš videti i na onoj stranici od validatora, i ako pogledaš prikaz i gornjeg i donjeg u IE i MF, oba su sa gornje strane odmaknuta od prethodnog elementa. Dakle, probaj najpre njih da upakuješ u div, pa vidi kako će se ponašati...

[ fensi88 @ 06.01.2012. 12:06 ] @

Interesantno, dok sam stranice radila u cistom html-u imala sam manji razmak u MF nego u IE ali razlika nije bila toliko ocigledna kao kod ovih stranica gde koristim css.
Evo jednog primera:sat

[ fensi88 @ 06.01.2012. 12:13 ] @

Ok, probacu ovo sa "div"-om nesto kasnije. Hvala.

[ fensi88 @ 06.01.2012. 14:46 ] @

probala sam sa DIV=om i nisam uspela. Evo linka:
parfem2a

Stavljala sam ove slike i u tabelu, opet nisam uspela...

[ flx @ 07.01.2012. 17:21 ] @

Cao,

Neznam dal ti jos ovo treba, ali konkretno sa ovom slikom ne mozes nista da uradis, postoji skripta na strani koja pravi problem. Radi se o sledecoj skripti

http://images.freewebs.com/JS/Freebar/btn_roundblue.js

Ako mozes da uklonis tu skriptu, bilo bi dobro, pa da onda rucno postavis tu slicicu i imas kontrolu. Ali ako ne mozes da sklonis tu skriptu, onda ces morati da popravis ovo malo prljavije, recimo na sledeci nacin ...

---- promeni ------

#container {
margin: 30px auto 0;
width: 600px;
}

---- dodaj ------

#container img {
margin: 0;
}
#container,
#container #img3 {
margin-top: 30px;
}

Srecna Nova 2012, sve najbolje.

[ fensi88 @ 07.01.2012. 19:49 ] @

NE MOGU DA VERUJEM!!!NEVEROVATAN SI!
Konacno sam dobila isti razmak!! Ovo pitanje sam postavila jos na 2 strana foruma gde je bilo vise od 100 pregleda poruke, ali niko nije imao pravo resenje osim tebe! Izgleda da ce mi ova 2012 bas biti sretna kao sto si mi ti pozeleo! Hvala na cestitci i ja tebi zelim da ti ova godina bude jedna od onih koje ces se rado secati!
Evo kako to na kraju izgleda:parfem

_{[Ovu poruku je menjao fensi88 dana 07.01.2012. u 21:06 GMT+1]}

[ fensi88 @ 07.01.2012. 21:21 ] @

Zelim takodje da se zahvalim i valjan-u i latinosrdjanu-u jer su i oni bili jako kreativni i pomogli dosta u resavanju mog problema. Npr nisam imala pojama da ovaj njihov Javascript mogu da prebacim u "body", posle su me savetovali da to stavim u div, kontejner...sve je to vodilo prema resenju koje je flx magicno zaokruzio! Jos jednom, hvala svima na saradnji!