Jak wyśrodkować obrazek szerszy niż ekran i zablokować dolny suwak.

Question

Witam, dopiero zaczynam przygodę z programowaniem stron, proszę o pomoc.

Chcę wstawić obrazek o szerokości 2000px, nie potrafię go wyśrodkować, poza tym nie chcę, żeby strona stawała się przesuwalna horyzontalnie, a jedynie, żeby reszta część obrazka była w tle widoczna tylko po oddaleniu strony [np. ctrl+scroll].

 

<div id="pojemnikd"><img id="image" src="obrazki/bg-banner-red.jpg" width="2000" height="330px" />

#pojemnikd {
      margin-left: auto;
    margin-right: auto;
}

 

Comments

poza tym nie chcę, żeby strona stawała się przesuwalna horyzontalnie

overflow-x: hidden;

dla pojemnika.

Nie lepszym rozwiązaniem było by background-image dla pojemnika?

---

świetnie, dzięki wielkie, teraz tylko jak wyśrodkować?

---

udaje mi się to zrobić ustawiając 'minusowe' marginesy ale czy jest inny sposób?

---

background-image + background-postion (w CSS)

---

zatem ten obrazek mam dodać z poziomu css czy html?

---

CSS

---

wielkie dzięki, zrobiłem wg. wskazówek, działa

pytanie jak usunąć ten biały pasek po lewej? (obrazek wychodzi poza stronę, po oddaleniu wciąż jest ten pasek)

 

---

PPM - > "Zbadaj"

---

zbadałem - wskazuje na całość html,

ten obrazek ma 1500px szerokości, czy oddalam czy nie oddalam to cały czas zostaje kilka px takiej białej przestrzeni 

---

ah, jasne! wystarczyło w CSSowym body dać margin na 0px

dzięki jeszcze raz :) miłego dnia!