Pomanjševanje okna
5 naročnikov
5 naročnikov
Pri izdelavi strani sem naletel na zoprno težavo.
Stran je širine 1000px in se prikazuje super. Težava nastane če pomanjšam okno. Do širine 1000px vidnega plja je stran prikazana v tem polju, nato se njeno vidno polje prične zmanjševati iz vsake strani. Če okno pomanjšam na npr. 500px vidim 500px strani z možnostjo premika v desno s čimer je vidnih še 250px v desno. Leva četrtina strani je odrezana in se ni mogoče niti premakniti bolj v levo.
Poskusil sem spreminjati css pozicije ampak mi ne uspe doseči, da bi se stran pri pomanjševanju obnašala normalno - poravnana na levi rob in prikazana v celoti.
Je imel mogoče že kdaj podobno težava oz. ve kje bi lahko bil problem?
10 odgovorov
zunanji div ima vrednost v %, notranji pa px
sem prilepil primer
<html>
<head>
<style type="text/css">
#header {
height: 10px;
width: 100%;
}
#header_center {
position: relative;
width: 1000px;
left: 50%;
margin-left: -500px;
}
</style>
</head>
<body>
<div id="header">
<div id="header_center">
text1
</div>
<div id="header_center">
text2
</div>
</div>
</body>
</html>
Zdravo,
si poizkusil s tem:
#header_center {
width: 1000px;
margin: 0 auto;
}
sklepam, da želiš stran postaviti samo na sredino?
lp
Opažam pa da stran v IE ni centrirana ampak je levo poravnana. Obstaja kakšna finta da bi delalo tudi v IE?
Če je ogrodje strani definirano kot tabela, potem v css nalimaj tole:
table.imetabele {
margin-left:auto;
margin-right:auto;
}
Možno, da deluje tud za ostale stvari, bi moral sprobat.
tudi to se mi je že zgodilo, mislim, da sem uredil tako, da sem v body dodal
text-align:center;
potem pa head, wrapper oz karkoli že imaš centriraj text nazaj na levo.
sporoči.
Če ne bo delalo, imaš to kje online, da se da malo bolje pogledati?