Upoutávka
Úvod > Fórum > Internet > Tvorba webu a webdesign > Vycentrování webu [vyřešeno]

Vycentrování webu [vyřešeno]

17.07.2011 21:22
příspěvků:69

Za dobu co programuji webové stránky jsem nezjistil, jak mám udělat toto:

Mám webovou stránku a v ní klasické pozicování za pomoci tagu <div>, ovšem to způsobuje to, že stránku nemůžu vycentrovat pro všechna rozlišení.

Jediný způsob, který jsem použil, bylo vlkádání obsahu do iframu a ten byl umístěn na indexové stránce, to ovšem bylo špatné pro indexování webu pro vyhledávače, google, SEO atd...

Jediná věc, kterou jsem nezkusil, je například počítat pozicování od konce ohraničení nebo něco podobného. Například vytvořit div 800x600, ten vycentrovat a do něj vlkádat obsah, poté by se ostatní pozice uvnitř této hlavní počítaly od jeho hrany.

snad to chápete

bude tento způsob fungovat, nebo je na to nějaký fígl?

18.07.2011 06:18
moderátorověřen
příspěvků:282

Lze to
body {
text-align:center;
}
.tenhlavnidiv {
width:sirka hlavniho divu
margin:0 auto;
text-align:left;
}

ten text align tam je kvuli starsim verzim IE

p.s. zpravidla se definuje pouze sirka, tj 800px , vyska uz ne

18.07.2011 07:07
příspěvků:69

Dobrá vyzkouším to. snad to bude počítat ty ostatní divy od kraje teho základnáho divu

Každopádně děkuju za odpověd

18.07.2011 07:21
příspěvků:69

Tak pořád nefunguje :/
http://msob.ic.cz/
To je testovací web.

Hl. div je kolem celého obsahu a v něm je obrázek s rámečkem (1px). Obrázek má šířku 975 + 2px rámeček (1px z každé strany) Druhý obrázek už v samostatném divu, který se zase počítá od kraje prohlížeče :/

KOD:

---------------------------------------------------------------------------------

<body bgcolor="black">

<div class="hldiv">

<img src="bg.png" alt="bg.png, 34kB" title="bg" height="364" width="975" class="hlramecek"/>

<div style="position: absolute; top: 20px; left: 30px;">

<img src="solider.png" alt="solider.png, 8,4kB" title="solider" height="144" width="100">

</div>
</div>
</body>

---------------------------------------------------------------------------------

CSS:

---------------------------------------------------------------------------------

body {text-align: center;}
.hldiv {
width: 977px;
margin: 0 auto;
text-align: left;
}
.hlramecek {border: 1px solid white}

18.07.2011 07:28
moderátorověřen
příspěvků:282

No pokud das objektu uvnitr position absolute tak se s tim musi pocitat, tj absolute objekt se pozicuje k nejblizsimu relative objektu.

Takze k .hldiv jeste pridej position:relative;

18.07.2011 07:32
příspěvků:69

ANO!
Tak už to jede
Děkuji mockrát.

Každopádně toto techniku už jsem zkoušel, ale nefungovalo mi to, protože jsem zapomněl na to relativní pozici

Ještě jednou děkuju a poprosím o zamčení, nebo cokoliv

© 2007-2024 PCforum.cz, všechna práva vyhrazena, veškeré informace zde uvedené jsou bez záruk, podmínky užití, kontaktní informace