CSS

17mark · Napísal **17mark**: 27.06.2013 20:07 | CSS - pozicovanie

zdravím,mam problem. Takto vyzera kod:

Kód:

 <header>
    <div id="banner">
    </div>
    <a href="<?php echo home_url();?>"><div class="img"></div></a> 
    <div class="banner"></div>

Problém spočíva v tom, ze som nastavil banner-u position:absolute no lenze sa mi pozicoval presne na okraj headeru. Takze ked tam dam absolute poziciu znamená to, že ked budem menit jeho polohu vpravo alebo vlavo bude sa pozicovat podla toho headeru ci podla celej stranky? Ja totizto nechapem tomu pozicovaniu vobec,pozeral som uz vela toho na nete no ani jednemu som nepochopil podla coh sa meni ich pozicia

shaggy · Napísal **shaggy**: 27.06.2013 23:12 | CSS - pozicovanie

Ak nastavíš header-u position: relative, tak budeš mať #banner pozicovaný k jeho okraju. Ak to neurobíš, tak bude #banner pozicovaný k okrajom prvého nadradeného rodiča, ktorý má position: relative (prípadne absolute).
A odporúčam ti header nahradiť za niečo normálne (napr. div), jeho použitie v dnešnej dobe nemá zmysel a je zbytočné.

17mark · Napísal autor témy **17mark**: 28.06.2013 21:59 | CSS - pozicovanie

A ak chcem ten banner zarovnat priblizne do stredu headeru do prava?

shaggy · Napísal **shaggy**: 29.06.2013 0:49 | CSS - pozicovanie

Tak ho zarovnaj približne do stredu headeru doprava...
1. bez živej ukážky ti nikto neporadí,
2. rozhodni sa, či do stredu, alebo doprava, v tej vete si protirečíš.

17mark · Napísal autor témy **17mark**: 29.06.2013 11:08 | CSS - pozicovanie

uz to mam,ale dakujem

17mark · Napísal autor témy **17mark**: 06.07.2013 16:40 | CSS - pozicovanie

A mam problem este,hoci som to zarovnal, no na menzom monitore mi prechadzaju cez seba ten banner a logo,ako zariadit aby sa nepretinali?
kod css:

Kód:

#banner {
border: 5px solid silver;
height: 60px;
width: 468px;
background: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
position: absolute;
right: 410px;
top: 140px;
}

a logo:

Kód:

.img {
height:50px;
width:450px;
float: right; 
background-image: url('assets/logo.png');
background-repeat: no-repeat;
position: absolute;
top: 120px; 
}

shaggy · Napísal **shaggy**: 06.07.2013 17:01 | CSS - pozicovanie

U mňa je to ok.

17mark · Napísal autor témy **17mark**: 07.07.2013 17:57 | CSS - pozicovanie

No skus si to: web- tie fb,rss tlacitka sa posuvaju aj to miesto na banner

shaggy · Napísal **shaggy**: 07.07.2013 21:09 | CSS - pozicovanie

To bol taký problém dať odkaz na začiatku? Napíšem ti to raz a ty sa napriek tomu pýtaš bez toho, aby si dal odkaz a myslíš si, že nám stačí kúsok kódu (nie, nestačí).
Ale teraz, keď si dostal rozum a dal si aj odkaz na web, tak:
1. prečo toľko pozicuješ, keď ti pozicovanie nejde? Tie ikony vôbec netreba pozicovať, ale keď už to robíš - tak daj header-u position relative, aby boli ikony absolútne pozicované voči nemu a nie voči body (ale aj tak sa douč niečo o pozicovaní).
2. platí to, čo som ti písal na začiaktu - zbytočne používať nepodporované elementy (napr. ten <header>), videl si svoj web v IE8?

17mark · Napísal autor témy **17mark**: 10.07.2013 0:23 | CSS - pozicovanie

a nepozna prosim nejaky web kde si mozem pozret web v rôznych prehliadacoch? ...a dakujem

weroro · Napísal **weroro**: 10.07.2013 1:32 | CSS - pozicovanie

http://browsershots.org/

17mark · Napísal autor témy **17mark**: 13.07.2013 11:12 | CSS - pozicovanie

vdaka

CSS - pozicovanie

CSS - pozicovanie

Podobné témy

Pozicovanie

pozicovanie top-left, top-center...; pozadia

CSS

CSS

CSS

robot/CSS

css rada

css table

CSS menu

css layout

Menu css

CSS problem

CSS openGL

menu css

css: content