Problém,nejspíš s absolutním umístěním...

Zdravím,mám znovu takový problém :D

jedná se o to,že mám umístěné nějaké "věci" pomocí absolutního umístění,které jsou na ploše,která je taky umístěna absolutně,a uvnitř věcí jsou věci,které jsou jak jinak než taky umístěné absolutně :D To už ale není podstatné...Problém spočívá v tom,že umístěné to je na základní velikosti dobře,sedí to na ploše jak má...(věci na ploše ).Jakmile ale stránku přiblížím,věci z plochy jakoby utečou dprava a když oddálím naopak utečou doleva.Zkusil sem snad už všechno a nic.Díky moc všem

Str4wberry :

Stránka ještě není pověšená na netu,mám ji zatím jen u sebe :)

Trejpa:
A myslíš že mm předělat celý web nebo jen nějaké prvky ? :/

Nevíte jak mám tedy zdroják upravit aby vše fungovalo jak má ? je to jediný nedostatek stránky co se týče kódu a brzdí mě.Díky moc

Ještě pošlu můj nynější zdroják :) (je to jen část kódů ,jsou to ty části kde je problem)

CSS:

#pozaditela {
margin:0 auto;
width:950px;
height:663px;
position:bottom;
padding-top:10;
cursor:default;
}


#bgprodukt{
width:308px;
height:218px;
position:absolute;
top:490px;
left:166px;
right:166px;
}

#bgprodukt2{
width:308px;
height:218px;
position:absolute;
top:490px;
left:480px;
right:480px;
}

#bgprodukt3{
width:308px;
height:218px;
position:absolute;
top:490px;
left:794px;
right:794px;
}

#bgprodukt4{
width:308px;
height:218px;
position:absolute;
top:740px;
left:166px;
right:166px;
}

#bgprodukt5{
width:308px;
height:218px;
position:absolute;
top:740px;
left:480px;
right:480px;
}

#bgprodukt6{
width:308px;
height:218px;
position:absolute;
top:740px;
left:794px;
right:794px;
}

#bgprodukt h4 {
font-size:22px;
font-weight:bolder;
color: #842990 ;
position:relative;
bottom:214px;
left:10px;
right:10px;
}

#bgprodukt2 h4 {
font-size:22px;
font-weight:bolder;
color:#008999 ;
position:relative;
bottom:214px;
left:10px;
right:10px;
}

#bgprodukt3 h4 {
font-size:22px;
font-weight:bolder;
color: #829807 ;
position:relative;
bottom:214px;
left:10px;
right:10px;
}

#bgprodukt4 h4 {
font-size:22px;
font-weight:bolder;
color: #842990 ;
position:relative;
bottom:214px;
left:10px;
right:10px;
}

#bgprodukt5 h4 {
font-size:22px;
font-weight:bolder;
color: #008999 ;
position:relative;
bottom:214px;
left:10px;
right:10px;
}

#bgprodukt6 h4 {
font-size:22px;
font-weight:bolder;
color:#829807 ;
position:relative;
bottom:214px;
left:10px;
right:10px;
}

#bgprodukt p{
position:relative;
bottom:215px;
left:10px;
right:10px;
font-size:14.5px;
color:#3E3E3E;
}

#bgprodukt2 p{
position:relative;
bottom:215px;
left:10px;
right:10px;
font-size:14.5px;
color:#3E3E3E;
}

#bgprodukt3 p{
position:relative;
bottom:215px;
left:10px;
right:10px;
font-size:14.5px;
color:#3E3E3E;
}

#bgprodukt4 p{
position:relative;
bottom:215px;
left:10px;
right:10px;
font-size:14.5px;
color:#3E3E3E;
}


#bgprodukt5 p{
position:relative;
bottom:215px;
left:10px;
right:10px;
font-size:14.5px;
color:#3E3E3E;
}

#bgprodukt6 p{
position:relative;
bottom:215px;
left:10px;
right:10px;
font-size:14.5px;
color:#3E3E3E;
}

#obrazekprodukt img {
position:absolute;
width:99px;
height:152px;
left:222px;
right:222px;
top:540px;
}

#obrazekprodukt2 img {
position:absolute;
width:99px;
height:152px;
left:532px;
right:532px;
top:540px;
}

#obrazekprodukt3 img {
position:absolute;
width:99px;
height:152px;
left:842px;
right:842px;
top:540px;
}

#obrazekprodukt4 img {
position:absolute;
width:99px;
height:152px;
left:222px;
right:222px;
top:791px;
}

#obrazekprodukt5 img {
position:absolute;
width:99px;
height:152px;
left:532px;
right:532px;
top:791px;
}

#obrazekprodukt6 img {
position:absolute;
width:99px;
height:152px;
left:842px;
right:842px;
top:791px;
}


HTML:
<div id="telo">
<div id="produkty">

<div id="bgprodukt">
<a href="#"> <img src="images/bgprodukt.png" alt="bgprodukt1"> </a>
<h4>APPLE iPad 16GB Wifi</h4>
<p>vyhrává každá 1499. smska</p>
</div>
<div id=obrazekprodukt>
<img src="images/ipad.png">
</div>
<div id="bgprodukt2">
<a href="#"> <img src="images/bgprodukt.png" alt="bgprodukt2"> </a>
<h4>APPLE iPad 16GB Wifi</h4>
<p>vyhrává každá 1499. SMSka</p>
</div>
<div id=obrazekprodukt2>
<img src="images/ipad.png">
</div>
<div id="bgprodukt3">
<a href="#"> <img src="images/bgprodukt.png" alt="bgprodukt3"> </a>
<h4>APPLE iPad 16GB Wifi</h4>
<p>vyhrává každá 1499. SMSka</p>
</div>
<div id=obrazekprodukt3>
<img src="images/ipad.png">
</div>
<div id="bgprodukt4">
<a href="#"> <img src="images/bgprodukt.png" alt="bgprodukt1"> </a>
<h4>APPLE iPad 16GB Wifi</h4>
<p>vyhrává každá 1499. SMSka</p>
</div>
<div id=obrazekprodukt4>
<img src="images/ipad.png">
</div>
<div id="bgprodukt5">
<a href="#"> <img src="images/bgprodukt.png" alt="bgprodukt2"> </a>
<h4>APPLE iPad 16GB Wifi</h4>
<p>vyhrává každá 1499. SMSka</p>
</div>
<div id=obrazekprodukt5>
<img src="images/ipad.png">
</div>
<div id="bgprodukt6">
<a href="#"> <img src="images/bgprodukt.png" alt="bgprodukt3"> </a>
<h4>APPLE iPad 16GB Wifi</h4>
<p>vyhrává každá 1499. SMSka</p>
</div>
<div id=obrazekprodukt6>
<img src="images/ipad.png">
</div>

</div>
</div>

Ještě mě napadlo obalit to celé a to nějak připevnit tam kam chci.protože věco sou sou také absolutně umístěné drží v dalších věcích(rámečky) které drží při sobě ale celé jako celek putují zestrany na stranu,takže moža stačí připevnit všechny ty velké věco(rexp. rámečky) aby necestovali.Ale jak ?

trejpa: když to udělám pomocí toho pod čarou tak mám ty rámečky sice pořád na středu,ale nejdou mi zvednout (mám je pod obsahem)

zdá se,že už jsem na to přišel při oddalování,problém zůstává při přiblížení...:( :D


Plaváček:

„Celý koncept máš od základu špatně“

proč myslíš ? V knížkách co jsem čet dělali autoři téměř vše jen pomocí absolutního a relativního umístění.

id mám proto protože je každý prvek jinak umístěný.S druhou variantou s tebou asi musim souhlasit,protože kdybych neměl absolutní umístění,moh bych použít class.Ale jak jinak tedy umístit přesně prvky? (kromě paddingu a marginu,to mně pak štve když mám všude obrovské neviditelné okraje)

nevíte teda jak to vyřešit s tím roztékáním obsahu doprava při přiblížení ? :(

v 9 toho moc není...
Jde strnka tedy nějak "zablokovat" aby ji návštevník nemoh přibližovat ? Nebo takhle,bojím se,že návětěvník ji bude mít ve výchozím nastavení tak velkou,že to zrovna nebude sedět tak jak má...
Co se týče knih,jedná se o knihy Mistrovství v CSS a 333 tipů a triku k css

aha,ale,jde to tedy ted nejak jeste upravit ? podle mne jo,když to šlo upravit aby se to nerozhazelo pri zmenseni,musi to jit i pri zvetseni ne ? :) Akorat nwm kde...

a co bych měl tedy vše změnit ? jen vše misto position: neco ; umistit pomoci padding a margin ?

tak jsem dodelal celý web a mám tam dohromady 3 velké problémy.Popsat je tu by bylo ale těžké(hlavně je tu názorně ukázat).
Byl bych proto moc rád,kdyby mi sem někdo napsal třeba skype,popř. e-mail,a já bych mu poslal celou složku se zdrojákama aby si to mohl otevřít normálně v prohlížeči a následně poradit.Už mně z toho bolí hlava a nic sem nevykoumal...:( (zkouším samozřejmě i věci co už tu zazněly-plovoucí umístění atd,ale nějak se to míchá,no zkrátka uvidíte sami...)
Díky moc a budu se těšit na kontakty na vás...:)