←  Problemy

AMXX.pl: Support AMX Mod X i SourceMod

»

CSS
Przesuwanie divow

  • +
  • -
sdasdasdasdasd's Photo sdasdasdasdasd 16.03.2012

Witam

Moja strona w firefox wyswietla sie tak:
Posted Image
A w google chrome juz tak:(w firefox otrzymałem taki efekt gdy oddalilem przsyblizylem strone za pomoca ctrl + scroll)
Posted Image
Chcialbym zapobiec przemieszczaniu sie tych divow i ustwaic je na stale
Quote

ogury's Photo ogury 17.03.2012

Przecie to tak samo wygląda. Podaj, co dokładnie ci się przemieszcza.
Quote

  • +
  • -
Fili:P's Photo Fili:P 17.03.2012

Przecie to tak samo wygląda. Podaj, co dokładnie ci się przemieszcza.

No właśnie.
Jeżeli jednak nie, to pamiętaj żeby wszystkie divy były w divie nadrzędnym. ;)
Quote

  • +
  • -
sdasdasdasdasd's Photo sdasdasdasdasd 17.03.2012

Motorowery nachodza na logo. Chodzi mi oto zeby po przybliżeniu lub oddaleniu strony divy nie zmienialy położenia. Jak cos daje link do strony http://gorpol.com.pl/
Edited by sdasdasdasdasd, 17.03.2012 11:13.
Quote

  • +
  • -
Fili:P's Photo Fili:P 17.03.2012

Pokaż kod arkusza css
Quote

  • +
  • -
sdasdasdasdasd's Photo sdasdasdasdasd 17.03.2012


body {

background: #2f2f2f;

background-attachment: fixed;

}

div {

margin: 0 auto;

padding: 0;

}

#top {

margin: 0 auto;

width: auto;

}

#logo {

margin: 0 auto;

margin-top: 5px;

background: url(images/logo.png) center;

width: 388px;

height: 188px;

}

#logo:hover {

opacity: 0.8;

}

#gb {

margin-right: 550px;

margin-top: -120px;

float: right;

background: url(images/gb.png);

width:177;

height:146;

}

#quad {

margin-left: 500px;

margin-top: -120px;

float: left;

background: url(images/quad.png);

width:212;

height:146;

}

#menu {

margin: 0 auto;

margin-top: 10px;

background: url(images/menu.png);

width: auto;

height:69px;

}

#menu ul {

display:block;

list-style:none;

margin-top: 200px;

text-align:center;

font-size: 30px;

width:1000;

margin:0 auto;

padding: 18px 0 0px 260px;

}

#menu li {

margin: 0 auto;

padding:0 16px;

border-right: solid 1px #000;

float: left;

}

li#ostatni {

 border: 0;

 }

 #menu ul, ul li a:hover {

 color: #05badf;

 }

 #poczatek {

 margin-top:50px;

 background: url(images/gora.png);

 width:662;

 height:4;

 }

 #tekst {

 background: url(images/text.png);

 width:662;

 height: 500px;

 overflow: auto;

 }

 #koniec {

 background: url(images/dol.png);

 width:662;

 height:4;

 }

 .reset {

 clear: both;

 }

Quote

  • +
  • -
Fili:P's Photo Fili:P 17.03.2012

Zamień px na % i oczywiście dostosuj wymiary do %
Quote