Autor Zpráva
MilanJ
Profil
Mám stránku pozicovanou na střed pomocí níže uvedeného CSS stylu.
Problém je v tom, že pokud si uživatel nastaví velikost okna ručně, dejme tomu na polovinu, "ujede" část stránky do pozice, kde není viditelná!
Potřeboval bych, aby se při zmenšování okna uživatelem "zastavilo" okno v levém horním rohu.

Jak na to???
Předem moc děkuju.


<style type="text/css">
<!--

.main {
width: 770;
height: 600;
position: absolute;
top: 50%;
left: 50%;
margin: -300px 0px 0px -385px;
overflow: auto;
visibility: visible;
}

.content {padding: 0px;}

-->
</style>



<div class="main" id="vrstva1">
<div class="content">

....stránka...

</DIV>
</DIV>
Dero
Profil
Oprava: špatně pochopený dotaz, omlouvám se.
Plaváček
Profil
Myslím, že tohle bude mnohem jednodušší řešení:

<style type="text/css">
<!--
body {
min-width: 770px;
text-align: center;
}

.main {
width: 770px;
height: 600px;
text-align: left;
margin: 0 auto;
}

.content {padding: 0px;}

-->
</style>


<div class="main" id="vrstva1">
<div class="content">

....stránka...

</DIV>
</DIV>
MilanJ
Profil
Myslím, že tohle bude mnohem jednodušší řešení:

....
....



Máš pravdu, ale nefunguje centrování na střed ve vertikálním směru.
Jak ošetřit tohle?
Plaváček
Profil
Viz http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html

Osobně bych se ale na vertikální centrování vykašlal, přiděláš si jenom starosti a problémy.
MilanJ
Profil
Osobně bych se ale na vertikální centrování vykašlal, přiděláš si jenom starosti a problémy.

Jasně, máš pravdu, ale vypadá to podstatně líp!
Mrknu na ten odkaz.
Dík
MilanJ
Profil
Nějak mi dělá problém to skombinovat s tím, co už mám napsaný, nešlape to...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0