2 problemy s <div>om

1) Šířku (narozdíl od výšky) natáhne DIV automaticky. Tos mohl klidně vyzkoušet sám a zbytečně se neptat.
2) Obrázek na pozadí pomocí CSS vlastnosti background-position. Jestliže ale obrázek vkládáš přímo v HTML (tipicky třeba náhled fotky) jako <img src ="foto.jpg">, pak zkus buď float:right (je-li v kódu na začátku), nebo position:absolute.

Europsky_Dzigolo
„som skusal ale to bolo zas uplne hore vpravo monitoru.. “
abssolutní pozice se určuje oproti nadřazenému prvku s relativní pozicí. Pokud chybí, tak vzhledem k oknu prohlížeče. Stačí tedy nadřazenému prvku, v jehož rohu chceš obrázek, nastavit „position: relative;“

Europsky_Dzigolo
Nerozumíš – panther nepíše o tom, abys obrázek pozicoval relativně, ale abys posotoin:relative nastavil jeho nadřazenému prvku. Více viz například http://wellstyled.com/css-chords-formatting.html

Europsky_Dzigolo
„takze mam nastavit position relative tomu divu ktory obaluje div v ktorom chcem mat obrazok hore vpravo?“
co kdybys to zkusil místo toho věčného ptaní?

Byl by odkaz na tu stránku?

overflow:auto udělá to, že obsah vyteče z prvku ven.

á pravda já to popletl s overflow:visible. Pardón.

Europsky_Dzigolo
vše potřebné bylo naspáno výše. Pokud ti to nestačí, dodej odkaz.

Europsky_Dzigolo:

Místo otravování stále stejnými otázkami, by jsi si měl nastudovat pozicování prvků stránek, zdrojů na webu je habaděj, takhle tu jen ztrácíš čas, těžko někomu vysvětlit pozicování, když nemá ponětí o omezujícím prvku či ještě hůře, neví ci position: absolute znamená.

Nu dobrá prá příkladů dám:

positon: absolute; - Vytáhne prvek úplně mimo dokument a lze ho umístit kamkoliv na stránce za pomocí top a left.
positon: relative; - přiřazuje se omezujícímu prvku, který obaluje prvek s position: absolute, způsobí, že tento prvek se může pozicovat jen v oblasti svého nadřazeného prvku. Nelze ho pozicovat mimo nej, tedy pokud nepoužiješ nestandardní mínusové hodnoty.

Snad to stačí.

„Nelze ho pozicovat mimo nej, tedy pokud nepoužiješ nestandardní mínusové hodnoty.“
Mínusové hodnoty top a left CSS specifikace dovoluje a ani prohlížeče s tím nemají problém.

Bubák:

Prohlížeče toho podporují hodně, takže neprotestuji, ale i přesto se mínusové hodnoty považují za nestandardní. A to platí i pro css specifikaci. :-)

„přesto se mínusové hodnoty považují za nestandardní“
Můžeš to něčím podložit, nebo jde o tvé nepodložené tvrzení.
V CSS specifikaci pro každou vlastnost najdeš dovolený rozsah hodnot, třebas pro margin jsou záporné hodnoty dovoledy, u paddingu jsou záporné hodnoty nepřípustné.

Bubák
No určitě nehádám, CSS kompletní průvodce, (moc dobrá kniha, naučila mě spousty nových věcí a dala mi ucelený pohled na problematiku pozicování) jsou hodnoty uvedeny jako nestandardní. Specifikace je povoluje, což je fakt, ale neznamená to, že se doporučuje je používat. Proto jsou nestandardní. A u paddingu napotřebuji specifikaci css abych si domyslel, že se zápornými hodnotami mi to prohlížeč nepřelouská.

tayger
„moc dobrá kniha, naučila mě spousty nových věcí a dala mi ucelený pohled na problematiku pozicování“
sice knihu neznám, ale nevěř všemu, co je psáno. I v knihách se občas vyskytují nesprávné věci a úvahy.

„ale neznamená to, že se doporučuje je používat.“
To jsi vzal kde? Kde je psáno, že se nedoporučuje používat záporných hodnot?

„Proto jsou nestandardní.“
Tvrdíš ty. Proč „proto“?

„A u paddingu napotřebuji specifikaci css abych si domyslel, že se zápornými hodnotami mi to prohlížeč nepřelouská.“
a schválně. Víš proč nejsou dovoleny záporné hodnoty vlastnosti „padding“?

Dneska jsem narazil na tenhle článeček:
http://zdrojak.root.cz/zpravicky/strucny-pruvodce-zapornym-okrajem/

Reaguji na taygera:
„moc dobrá kniha“
Ale už docela stará. V dávných dobách se opravdu říkaly o záporných marginech zlé věci.