Pereiti prie turinio

Tinklapio issikraipymas

replius

Sukūrė replius
Tinklalapių kūrimas

 Dalintis Sekėjai 1

Rekomenduojami pranešimai

replius

replius 0

Sukurta
Sukurta

niekaip nesuprantu kame problema, nustačiau css faile, kad tinklapis būtų viduryje:

 

body
{
margin: 0 auto;
padding: 0px;
width: 730px;
border: 1px solid white;


}

body dar yra <header> ir <section> blokai, na viskas būtų gerai, bet kai į <section> bloką atvaizduojamą daug įrašų ir atsiranda scrool baras tada, <header> ir <section> blokai pasislenka į dešnę pusę, nesuprantu kame problema?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Triple6

Triple6 1.585

Atrašyta
Atrašyta

na tada tinklapis ne viduryje pasidaro

 

#wrapper {

background-image: url(http://trampampam.lt/Images/body.jpg);

background-attachment: scroll;

background-repeat: no-repeat;

min-height: 1878px;

width: 1000px;

margin-left: auto;

margin-right: auto;

border:1px solid red;

}

 

px pagal save nusistatyk. Geriausiau butu jei duotum nuoroda. Idomu kas ten per puslapis, nes dabar sunkiai problema isivaizduoju

Nuoroda į pranešimą
Dalintis kituose puslapiuose
replius

replius 0

Atrašyta
  • Autorius
Atrašyta (redaguota)

radau sprendimą pats: įrašyt overflow-y:scroll; į body dalį, tada scrool bar juosta visą laiką buną, tiesiog tik jai įrašų nedaug, juostoje slankiklio nebūna, o gal kas žinote dar kaip kitaip galima būtų padaryti kad išvis nebūtų scroll baro jai nedaug įrašų ir būtų per vidurį tinklapis :P

Redagavo replius
Nuoroda į pranešimą
Dalintis kituose puslapiuose
wicked

wicked 3.327

Atrašyta
Atrašyta

Geriausias sprendimas būtų mokytis HTML/CSS iš naujo, arba išvis nekišt nagų.

 

Tau tokios nesąmonės pradeda darytis, nes tu stailini 'body' elementą.

 

<!DOCTYPE html>
<head>
 <title>hey</title>
 <meta charset="utf-8"/>
</head>

<body style="width: 100%; height: 100%; padding: 0; margin: 0;">
 <div id="page-wrap" style="width: 960px; margin: 0 auto; background-color: red;">
   <header>header</header>
   <section id="main-content">content</section>
   <footer>footer</footer>  
 </div>
</body>

 

Surašiau kodą iš galvos, netikrinau, bet turi veikti. CSS persirašysi pats kaip reikia, sudėjau viską inline.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 1
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...