Централизиране на CSS, Въпросче

stoyand

Registered
Имам нужда от малко помощ.

1 Начин - Някой може ли да сподели как да направя така че сайта ми да се появява автоматично в средата на екрана като от ляво и от дясно има примерно по 70px. И когато потребителя си минимзира браузъра тези 70px който се намират от страни да изчезнат и да си остане самия сайт без страничните отстъпи, а когато отново го максимизира тези отстъпи да се появят и сайта отново да си се поевява в средата. Да се надявам че сте ме разбрали. Използвам темата Sparticus.

или ако това не става

2 - ри Начин
Някой може ли да сподели как да направя така че сайта ми да се появява автоматично в средата на екрана като от ляво и от дясно има примерно по 70px(на резолюция 1280x1024 и 1280x800). Но когато потребителя е на резолюция 1024x768 тези 70px който се намират от страни да изчезнат и да си остане самия сайт без страничните отстъпи. Да се надявам че сте ме разбрали. Използвам темата Sparticus.


Ето го CSS на Sparticus ако ще ви трябва за това: http://dimigroup.hit.bg/styles.css

Много ще съм благодарен на този, който ми помогне. Естествено ще си получи и наградата!
 
Пробвай да промениш ето този ред който е в styles.css
Код:
body { padding: 0px; margin: 0px; color: #0F392D; background: #F0F4FD }
промени го така, но не гарантирам че ще стане
Код:
body { margin:0px auto; padding:0px;  text-align:center;  color: #0F392D; background: #F0F4FD }

или така
Код:
body { margin:0px 0px; padding:0px; text-align:center;  color: #0F392D; background: #F0F4FD }
 
Здравей! Мисля, че не си ме разбрал. Значи целта ми е друга. Ето виж със картинки.

Значи примерно когато резолюцията е 1024x768 или екрана е смален(виж горе 1 и 2 начини). Трябва да е така:

34034296lo1.png


А когато резолюцията е 1280x1024 или 1280x800, или втория начин който съм описал горе трябва да е така.

20825829vr8.png



Ето го CSS на Sparticus ако ще ви трябва за това: http://dimigroup.hit.bg/styles.css , но мисля, че това трябва да стане някъде от тук:

Код:
.border_left { background-image: url('images/border_left.jpg'); background-repeat: repeat-y; width: 1px }
.border_right { background-image: url('images/border_right.jpg');	background-repeat: repeat-y; width: 1px }
 

Back
Горе