Autor Zpráva
Majoid
Profil *
Zdravím,

pořeboval bych poradit, ladím na webu zaoblené rohy, rešíím to obrázkem do pozadí, v IE to funguje tak nějak na půl, horní obrázek od prostředního má malou mezeru, spodní se zobrazuje v pořádku.
V Opeře a FF se to nezobrazuje vůbec, hodím sem část svého css souboru a ukázku jak to mám v html. Budu vděčný za radym už si stím nevím rady, nevím co je na tom špatně.

Pokud by někdo potřeboval k radě ještě neco dejte vědět prosím.

CSS:

#left
{
margin: 15px 0px 0px 0px;
float: left;
width: 725px;
text-align: justify;
}

/*Orange*/

#up-orange
{
margin: 0;
float: left;
width: 725px;
background-image: url("left-up-orange.png");
background-repeat: no-repeat;
}

#middle-orange
{
margin: 0px;
width: 725px;
background-image: url("left-orange.png");
background-repeat: repeat-y;
}          

#bottom-orange
{
margin: 0px;
width: 725px;
background-image: url("left-bottom-orange.png");
background-repeat: no-repeat;
}


HTML:

<div id="left">
<div id="up-orange"></div>
<div id="middle-orange">

<p>obsah</p>

</div>
<div id="bottom-orange"></div>
</div>


Moderátor Str4wberry: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Casero
Profil
Majoid:
Ty tvoje divy ovsem nemaji zadnou vysku. Takze obrazek na pozadi nejde videt.
Majoid
Profil *
Díky za radu, jede to už skvěle v FF, Opeře, Chromu, IE8

Problém je s IE6, který je stále jistě používaný. Nahraji sem akorád znovu CSS, HTML jsem neupravoval, jde mi o to pokud někdo víte, jak to doladit pro IE6 (klidně i jiným css) tak prosím poraďte. Zde ja fotka toho, jak to rozhazuje od sebe up a middle + to ještě dělá při zaoblení šedé "dotažení na hranu" nebo jka to nazvat, na screenu to je lehce vidět. Za rady budu rád, díky.

screen

CSS:

#left
{
margin: 15px 0px 0px 0px;
float: left;
width: 725px;
text-align: justify;
}

/*Orange*/

#up-orange
{
margin: 0px;
width: 725px;
height: 13px;
background-image: url("left-up-orange.png");
background-repeat: no-repeat;
}

#middle-orange
{
margin: 0px;
width: 725px;
background-image: url("left-orange.png");
background-repeat: repeat-y;
}

#bottom-orange
{
margin: 0px;
width: 725px;
height: 13px;
background-image: url("left-bottom-orange.png");
background-repeat: no-repeat;
}
habendorf
Profil
Divy je lepší do sebe zanořit a stačí pouze dva (pokud ty kulaté rohy nejsou průhledné).
Majoid
Profil *
2habendorf:

Díky za reakci,

ale s tím zanořením divů to moc nechápu,nemohl by jsi mě ještě trochu nakopnout ? Každopádně by mě zajímalo, proč to tu mezeru dělá pouze mezi up + middle a ne i mezi bottom, když jsou psané a definované řekl bych stejně.

To šedé okolo rohů jsem doladil (stačila dát ta průhlednost pryč a dodat barvu pozadí). Teď už bych rád jen doladil ten problém viz výše, proč mi to mezi divama up a middle dělá tu mezeru ?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: