Vycentrovanie includovaneho suboru

newboy1 · Napísal **newboy1**: 07.04.2009 11:03

Viem, ze sa tu centrovanie uz riesilo x-krat, no nic co bolo v prispevkoch mi nejako nepomohlo..totiz, vo vsetkych tych prispevkoch je zaver taky, ze pre vycentrovanie includovaneho suboru je potrebne zadat margin: 0 auto a pre IE text-align: centere . To mam. Ale aj tak mi to v IE robi problem..Includovany subor je totiz od vrchneho okraja posunuty nizsie asi o 20px. V ostatnych prehliedacoch je pekne na vrchu len v IE to blbne..Prosim, poradte ako ho mam aj v IE dostat/posunut hore a zarovnat pod okraj???

Tu su kody:
index:

Kód:

<body style="margin: 0 auto; padding: 0px; background-color: #111111; text-align: center">

<div id="container">
.....
<div id="middle">
<?require"./login.php"?>
</div>
...
</div>


</body>

css:

Kód:

#container {
height: auto;  width: 800px; margin: 0 auto; padding: 0px; background-color: #272727; text-align: center; 
border-width: 0px 2px 0px 2px; border-style: solid; border-color: #444444;
}
#middle {
height: auto; width: 800px; text-align: center; color: white; background-color: #272727; margin: 0 auto; padding: 0px; float: left; 
}
#req_middle {
height: auto; width: 800px; color: black; background-color: white; margin: 0 auto; padding: 0px; float: left; text-align: center;
border: 0px solid green
}

login.php

Kód:

<div id="req_middle">
<div style="width: 600px; height: auto; margin: 0 auto; padding: 0px; text-align: center">
Nejaky text .... 
</div>
</div>

djsulo · Napísal **djsulo**: 07.04.2009 12:19

v ktorom IE ti to robi? skusal som vsetky presne podla tvojho skriptu a vo vsetkych je to prilepene k okraju. jedine co ti to moze odsadzat asi je, ak mas medzi <div id="container"> a <div id="middle"> nejaky text.

newboy1 · Napísal autor témy **newboy1**: 07.04.2009 13:51

Robi mi to v IE 6. Medzi <div id="container"> a <div id="middle"> mam este nejaky text..resp. <div id="head">(obrazok) a navigacnu listu... .
Tu je doplneny kod CSS:

Kód:

#head {
text-align: center; height: auto; width: 800px; margin: 0 auto; padding: 0px; background-color: black; 
border: 0px;
}

#head {
height: 200px; width: 800px; background-image: url("ikony/head.gif"); background-repeat: no-repeat; background-position: center center 
}

#navlist {
height: 30px; width: 800px; text-align: left; float: left; background-color: black; color: white; margin: 0 auto; padding: 0px; 
border: 0px solid blue  
}

Cize do indexovej stranky este doplnene head a navlist

Kód:

<div id="container">

<div id="head"> </div>

<div id="navlist">Navigacia</div>

<div id="middle">
<?include"./login.php"?>
</div>
</div>

A ten includovany subor mi neodsadza od bocneho okraja ale od vrchneho..tzn. medzi "navlist/navigacnou listou" a tym suborom mam asi 20px medzeru.. :loony:

newboy1 · Napísal autor témy **newboy1**: 09.04.2009 12:30

Tak som prisiel na to kde je problem..Ale neviem ako ho vyriesit. :cry:

Problem je v subore login.php :

Kód:

<div id="req_middle">
<div style="width: 600px; height: auto; margin: 0 auto; padding: 0px; text-align: center">
Nejaky text ....
</div>
</div>

presnejsie v tom ze akonahle pouzijem <div> (cize v css: #req_middle ) tak sa mi to v IE cele posunie asi o 20px dole.. Ak tam vsak div nedam, tak mi text centruje tak ako ma.. Uz nad tym sedim druhy den a uz som skusal vsetky varianty ktore som nasiel alebo ktore ma napadli..Jedine co fungovalo, tak bolo pouzitie funkcie:position: relative; top -20px. Lenze to malo za nasledok prekrytie menu v ostatnych prehliadacoh.. Uz fakt neviem co mam este skusit..
PROSIM.. PORADTE MI NIEKTO !!! ..lebo ma uz z toho asi porazi :shock:

stenley · Napísal **stenley**: 09.04.2009 12:38

mne to pre zmenu zobrazuje v IE6 rovnako ako v Opere

takze ti neviem velmi pomoct, ale ked na nic neprides, tak si sprav styl cisto pre IE6...

Ďuri · Napísal **Ďuri**: 09.04.2009 12:42

Tak ako pise stenley

vloz na koniec CSS suboru toto:

Kód:

* html #req_middle { position: relative; top -20px; }

Toto pravidlo pouzije iba IE6 a tak to budes mat vsade rovnake.

Vycentrovanie includovaneho suboru

Podobné témy