Autor Zpráva
Anonymní
Profil *
Tak jsem vyřešil problém s orámováním co se týkalo zobrazení pod IE,
avšal dostal jsem se k dalšímu problému.

Můžete vidět chování IE na následujícíchc obrázcích.




takhle se to chová pokud je okno zminimalizováno a opět obnoveno


pokud prozkoumáté blíže tak si můžete všimnout, že chybí jeden pixel dole na levém orámování odrážky

celé naživo to naleznete na následující adrese:


http://brzek.softex.cz/kumost/]

Začínám nesnášet IE:)

Děkuji za radu
Petra
Profil
To s tím jedním pixelem nějak nevím, co myslíš, ale to mizení rámečku je normální peekaboo -> http://interval.cz/clanek.asp?article=3137
Anonymní
Profil *
Na druhém obrázku v kroužku je záložka aktuality, levé orámování tohoto boxu je o 1px kratší než pravé a vzniká vykouslý roh.

S tím mizením orámování tedy nic neudělám??? Podle intervalu jsem to pochopil tak že to má vliv pouze na obsah a to jsem ošetřil.


Děkuji
flying gentleman
Profil
myslim, ze tomu musis nastavit nejakou vysku nebo sirku, jestli nemas, zkus to.
Anonymní
Profil *
No to je pěkný ale komu? šírku to má nastavené... výška je proměnlivá...
body {
color: #666;
font-size: 12px;
font-family: Arial;
text-align: center;
margin: 0;
padding: 0
}
p {}
td {}
/*telo*/
#telo {
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
position: relative;
width: 783px;
clip: auto;
background-color: #FFFFFF;
}
/*hlavicka*/
#hlava {
width: 781px;
height: 264px;
border: solid 1px #999
}

/*navigace*/
#navcontainer {
margin: 10px 0 0 0;
z-index: 2;
}
#navlist {
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
border-bottom: 1px solid #999
}

#navlist ul, #navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited {
color: #666;
font-size: small;
font-weight: normal;
line-height: 14px;
text-decoration: none;
background: #e8ebf0;
margin-right: 8px;
padding: 2px 10px;
float: left;
border: solid 1px #999
}

#navlist a:link#current, #navlist a:visited#current {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}
/*obsah*/
#obsah
{
margin: -1px 0 0 0;
padding: 0;
border: solid 1px #999;
line-height : 1.2;
z-index: 1;
background-color:#fff
}
#levy
{
text-align: justify;
margin: 0;
padding: 10px;
width: 550px;
float: left;
}
#pravy
{
text-align: justify;
margin: 0px;
padding: 10px;
width: 190px;
float: right
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
hr.cistic {
clear: both;
height: 1px;
border: none;
margin: -1em 0 0 0;
visibility: hidden;
}
Plaváček
Profil
Peekaboo se zbavíš poměrně snadno pomocí matrjošky. Prostě do divu, kde máš ty plovoucí boxy vrazíš ještě jeden a nastavíš mu šířku 100%. Asi takhle

#bug {width:100%;}

<div id="obsah" class="clearfix">
<div id="bug">
<div id="levy">
<p>No tak to jsem zvědav jak nám to bude fungovat.</p>
<p>No tak to jsem zvědav jak nám to bude fungovat.</p>
<p>No tak to jsem zvědav jak nám to bude fungovat.</p>
<p>No tak to jsem zvědav jak nám to bude fungovat.</p>
<p>No tak to jsem zvědav jak nám to bude fungovat.</p>
</div>
<div id="pravy">
<p>Sloupec nabídek</p>
<p>Sloupec nabídek</p>
<p>Sloupec nabídek</p>
<p>Sloupec nabídek</p>
<p>Sloupec nabídek</p>

</div>
<hr class="cistic">
</div>
</div>
flying gentleman
Profil
myslel jsem to přesně tak, jak to Plaváček napsal:D
Anonymní
Profil *
Tak to sice funguje ale zase mi to ukáže i orámování pod navigací takže potom ta tlačítko na které jste klikli je oddělené orámováním a nesplývá s obsahem.
Anonymní
Profil *
A opět to dělá jen IE, nevím proč:(((
Toto téma je uzamčeno. Odpověď nelze zaslat.

0