Autor Zpráva
jeza
Profil *
Dobrý den, potřebovala bych poradit. Upravila jsem vzhled stránky pomocí CSS a vlastností DIV. Do pozadí stránky jsem dala opakující se obrázek v ose y, protože potřebuji, aby se mi stránka automaticky prodlužovala. Pozadí jsem umístnila na střed. Problém je tom, že jakmile v Mozille nebo Opeře zmenším okno prohlížeče, tak mi pozadí dole odskočí vlevo. Už jsem zkoušela všechno možné a nevím, kde mám chybu. Ve Exploreru 7 funguje všechno v pohodě.

html:
<body>
<div id='obalovydiv'>
<div id='pozadi'>
<div id='horni'><a href='index.php'><img src="design/logo.gif" alt="logo.gif" title="" /></a></div>
<div id='levyblok'>......</div>
<div id='pravyblok'>
<div id='obsah'>
</div>
</div>
</div>
</div>
</body>

css:

body
{
width: 1090px;
margin: 0 auto;
text-align: center;
background-color: white;
background-image: url(../design/pruh2.jpg);
background-repeat: repeat-y;
padding: 0;
position: relative;
background-position: center;
}

#obalovydiv
{ width: 1900px;
margin: 0 auto;
padding: 0 auto;
text-align: left;
background-color: white;

}

#pozadi{
float: left;
text-align: left;
margin: 0 auto;
padding: 0 auto;
width: 1090px;
position: relative;
background-color: red;
}

#horni{
position: relative;
float: left;
background-color: white;
width: 1090px;
height: 280px;
}


#levyblok{
position: relative;
float: left;
background-image: url(../design/levy.jpg);
width: 214px;
height: 570px;
background-repeat: no-repeat;
}

#pravyblok{
position: relative;
float: left;
width: 876px;
height: 570px;
background-repeat: no-repeat;
background-image: url(../design/pravy.gif);
background-color: white;
}


#obsah{
position: relative;
float: left;
width: 780px;
margin: 80px 40px;
line-height: 22px;
}


Díky za radu
peta
Profil
position: relative;
float: left;
V podstate jsou to 2 protichudne vlastnosti. Umisti objekt volne do prostoru zarovnane vlevo a soucasne upevni objekt na miste s moznosti priposunuti. IE6 se s tim neumi vyrovnat a mam pocit, ze i v IE7 to dela podobne problemy

float - v IE i Moz pri chybnem zapisu dela more problemu a ten zapis tam mas proveden. schazi ohraniceni pres block/inline-block a clear

Odkaz na stranku nic? Pak se stava problem neresitelny. Ja si to nechci kopirovat do souboru, chci zkouset real. A kdybych si to zkopiroval, k cemu mi bude zjistit, ze mas radek 45 chybne, kdyz u tebe se jedna o radek 56.

div{border:1px solid #000;}
to dej uplne na konec, at vis, jake rozmery ma ktery prvek a proc skladani floatem vledo presune prvek jinam.
A propo, s tim rameckem mi to zobrazuje IE7 a Moz uplne stejne. Cili by mozna bohate stacilo pridat do body display:inline-block; a a pak nekde pro ukonceni floatu clear. Treba prave do toho cerveneho prvku, pod ten ramecek s menu.

background-color: white;
background-image: url(../design/pruh2.jpg);
background-repeat: repeat-y;
background-position: center;
co treba?
background: #FFF url('../design/pruh2.jpg') repeat-y center;

float: left;
margin: 0 auto;
to je v podstate tez protichudna vlastnost. Nech prvek volne plout zleva. A umisti stejne zprava i zleva.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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

0