Проблем с резолюция на монитор

sanitara_bs

Registered
Здравейте... Имам следния проблем.... погледнете...

1458203c.jpg


1458205o.jpg


Скреена е направен от 2 различни PC-та... как мога да оправя този проблем?

Искам да излиза картинката на цял екран... :)
 
а, неможе ли автоматично да стане тоя номер... ? иначе стана ръчно... ?

смисъл от самата система да го настроя... ?
 
За самите резолюции на монитора, с десен бутон на десктоп-а/Properties/Settings и от там си ги настройваш а иначе за разминаване на резолюции в сайт, незнам друг начин.
 
Код:
body {
    background-color:#000000; 
    background-repeat: no-repeat;
    text-align: center; 
    font-family:Arial, Helvetica, sans-serif; 
}

a {
   color:#666666;
   text-decoration: none;
}
a:hover {
    color:#ffffff;
}

#main {
    margin:0 auto;
    position: relative;
    width: 1020px;
    height: 580px;
    background-image: url(../images/tlo.jpg);
    background-repeat: no-repeat; 
    background-attachment:fixed;    
   
}


#mainmenu {
    position: absolute;
    left: 270px;
    top: 366px;
    font-size: 12px;
    font-weight: bold; 
    color:#ffffff; 
    text-align: left;
    width: 127px;
}



#login {
    position: absolute;
    left: 400px;
    top: 457px;
    width: 450px;
    height: 125px;
    z-index:10;
}

.rightmenu_big {
    position: absolute;
    left: 400px;
    top: 70px;
    width: 450px;
    height: 384px;
    z-index:1;
}

.rightmenu_register {
    position: absolute;
    left: 400px;
    top: 70px;
    width: 450px;
    height: 384px;
}

.rightmenu {
    position: absolute;
    left: 400px;
    top: 250px;
    width: 450px;
    height: 205px;
    z-index:1;
}

#link {
    cursor: pointer;
}

#title {
    position: absolute;
    left: 25px;
    top: 12px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold; 
    color: #ffffff;  
    text-align: left;
}

/*#text1 {
    position: absolute;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px;
    
    color:#ffffff; 
    text-align: left;
    width: 400px;

}*/

#content {
    position: absolute;
    left: 25px;
    top: 50px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px;
    
    color:#ffffff; 
    text-align: left;
    width: 400px;
}

#contentscroll {
     overflow: auto;
     height: 320px;
     width: 405px;
    
     padding-right: 10px;
     
}

#register {
    position: absolute;
    left: 0px;
    top: 60px;
    width: 400px;
    height:26px;
    padding-top:10px; 
}

#register:hover {
    color:#ffffff;
}

#text2 {
    position: absolute;
    left: 0px;
    top: 110px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px;
    color:#ffffff; 
    text-align: left;
    width: 400px;

}

#login_input {
    position: absolute;
    left: 11px;
    top: 23px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 10px;
    color:#ffffff; 
    text-align: left;
    width: 440px;
}

#login_text_1 {
    position: absolute;
    top: 11px;
    left: 0px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px;
    color:#ffffff; 
    text-align: left;
    width: 440px;
}

#login_text_2 {
    position: absolute;
    top: 30px;
    left: 0px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 9px;
    color:#ffffff; 
    text-align: left;
    width: 440px;
}


#downmenu {
    position: absolute;
    top: 110px;
    left: 270px;
    font-size: 10px;
    color:#ffffff; 
    text-align: right;
    width: 169px;
}

#copyright {
    position: absolute;
    top: 110px;
    left: -100px;
    font-size: 10px;
    color:#ffffff; 
    text-align: left;
    width: 370px;
}

.image {
    padding-bottom: 10px;
}

.eingabe{ 
    border:1px solid #000000;
    background:#ffffff url(../img/eingabe_back.png) repeat-x;
    color: #000000;
    font-size:10px;
  
}
.menupoint {
    /*width:10px;*/
   /* height:4px; */
    padding-top:2px;
    padding-bottom:1px;
    padding-left:10px;
    background-image: url(../img/point.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.link {
    cursor: pointer;
}
.link:hover {
    color:#ffffff;
}

#mainmenu a {
   padding-left:10px;
   padding-top:2px;
   padding-bottom:1px;
   color:#ffffff; 
   text-decoration: none;
   display: block;
   
}

#mainmenu span {
    display: block;
}

#login_input a {
   color:#ffffff; 
   text-decoration: none;
}
#login_input a:hover {
    color:#ffffff;
}


#mainmenu a:hover {
    color:#ffffff;
}

.products {
    position:relative;
    width:886px;
    top:23px;
    height:30px;
    font-family:Arial, Helvetica, sans-serif; 
    margin:0 auto;
    font-size: 10px;
    color:#ffffff; 
}

img {
    border: 1px solid #516274;
}


img:hover {
   /* border: 1px solid #ffffff;*/
}

a img:hover {
    border: 1px solid #ffffff;
}

.products {
   /* display:none;*/
}

.products img {
    color:#516274;
    border-width: 1px;
    height: 12px;
    width: 18px;
}


.products a {
   color:#b5cfcd;
   text-decoration: none;
}
.products a:hover {
    color:#ffffff;
}

#headerselect {
    border:1px double #000000;
    background:#595f71;
    color: #dddddd;
    font-size:10px;
}

#register_container {
    position: absolute;
    top: 80px;
    left: 10px;
    width:380px;
    height:300px;
}

#infotext {
    position: absolute;
    top: 210px;
    width:400px;
}

#statustext {
    position: absolute;
    top: 260px;
    width:400px;
}

#register_submit {
    position: absolute;
    top: 286px;
    left:75px;
    width:250px;
    padding-top: 4px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 13px;
    text-align: center;
    font-weight: bold; 
    color:#ffffff; 
    cursor: pointer;
}

#register_submit:hover {
    color:#ffffff;
}


table { 
    text-align: right;
    color:#ffffff;
    font-size: 10px;
}

td .eingabe {
    width: 120px;
    text-align:left;
}

.bigbutton {
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 20px;
    text-align: center;
    font-weight: bold; 
    color:#ffffff; 
    cursor: pointer;
}

.bigbutton:hover {
    color:#ffffff;
}

.warning {
    color:#ff7876;
}

.fine {
    color:#ffffff;
}

.register_agb {
    color:#ffffff;
}

.register_agb:hover {
    color:#ffffff;
}

.headline {
  text-align:center;
  font-weight:bold;
  font-size:14px;
}

#gimmik_1 {
    width:100px;
    height:50px;
    top:100px;
    left:100px;
}

#gimmik_2 {
    width:50px;
    height:50px;
    top:200px;
    left:100px;
}

.iframe {
    border:none;
    
    width:100%;
    height:27px;
}

.loginButton {
    padding-top:2px;
    padding-left:5px;
}


.loginButton:hover {
    padding-top:2px;
    padding-left:5px;
}

.bildUeberschrift {
     font-family:Arial, Helvetica, sans-serif; 
     font-size: 10px;
     color:#ffffff; 
}

#unis_content {
    padding-left:70px;
    padding-top:10px;
}

#unis_content a {
    display: block;
    color:#878787;
}

#unis_content a:hover {
    color:#ffffff;
}

#unis_title2 {
    padding-top:25px;
    padding-bottom:3px;
    width:380px;
    font-size:14px;
    font-weight:bold;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#2a2f33; 
}

#closed_uni {
    color:#535353;
}


#uni_infos_link {
    text-align:left;
    width:200px;
    padding-top:3px;
}

#uni_infos_link a {
    color:#878787;
}

#uni_infos_link a:hover {
    color:#ffffff;
}

#uni_label {
    vertical-align:top;
    padding-top:3px;
}

.table_lable {

}

.table_input {
    text-align:left;
    padding-left:3px;
}

#table_agb {
    text-align:left;
}

#agb_zeile {

}

Това е styles.css ако Ви трябва about.css просто кажете... :) Благодаря Ви предварително...
 
Код:
	<style type="text/css" media="screen">
		
		
		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

	</style>
Добавяш в началото
<img src="images/tlo.jpg" class="bg" />


Код:
body {
    background-color:#000000; 
    background-repeat: no-repeat;
    text-align: center;
	font-size: 14px;
    font-family:Arial, Helvetica, sans-serif; 
	background-position: center center;
	background-image: none;
    background-attachment:fixed;    
}

a {
   color:#666666;
   text-decoration: none;
}
a:hover {
    color:#ffffff;
}

#main {
    margin:0 auto;
    position: relative;
    width: 1020px;
    height: 580px;

   
}
Малко промяна в CSS-a...

И Резултат при мен: 1920х1080 22инча
1785.jpg
 
Смлях се да се мъча обаче явно съм много прост... ако може напрао да ми дадеш готовият код ще съм ти БЕЗКРАЙНО БЛАГОДАРЕН!!!!
 
<img src="images/tlo.jpg" class="bg" />
го добавяш след <body>
Всичко друго Първият код най-горе в head-a

а последният CSS си променяш твойте редове :)


пп. и вече го изтрих ;) няма как да ти дам
 
иииииии една голяма точка мерси много ;]
 

Back
Горе