Screen Resolution Habbo retro

[GamerX]

I just created a habbo retro but my client looks like this
The Resolution is not full only on top :/ someone please help me fix this problem :/

You must be registered for see images attach

 

[Joe]

I recommend using R63B but can you post your client.php and client.css

 

[Velaski]

Client Css got to have sumin like wdith:100%
height:100%

 

[GamerX]

where can i find the client.css and client.php????

 

[Legend]

where can i find the client.css and client.php????

htdocs/app/tpl/skins/%SkinNameHere%/client.php
htdocs/app/tpl/skins/%SkinNameHere%/styles/client.css
I would believe.

 

[GamerX]

Still doesn't work

 

[Velaski]

Go to a hotel and find any client css from them

 

[Altercationz]

* {
    padding: 0;
    margin: 0;
}

html, #client {
    height: 100%;
    text-align: left;
    background-color: #000;
}

#client {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

 

[GamerX]

Still doesn't work do anyone here have skype and teamviewer?
 
client .css

#BottomBar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color:#000;
height:100%;
}

#player {
margin:0;
}

#flash-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
overflow: hidden;
}

#flash-container #content, #minimail-report {
color: #000;
}

.contains-minimail { width: 100% }
.contains-news { width: 100% }
.contains-avatars { width: 100%; }

.contains-roomenterad { width: 100% }

.client-habblet-container.contains-roomenterad {
width: 100%;
}

.client-habblet-container {
position: absolute;
top: 10px;
right: 10px;
}
.loading-element {
padding-top: 100%;
height: 100%;
width: 100%;
background-color: #000;
text-align: center;
}

.loading-element p {
padding-top: 2px;
font-weight: bold;
font-size: 16px;
}

.draggable .title { cursor: move }

.x-workaround .client-habblet-container {
position: static;
top: auto;
right: auto;
}
.x-workaround .client-habblet-container .title { cursor: default; }

#client-ui {
height:100%;
position: 100%;
width:100%
}

#client-ui.x-workaround { background-color: #e3e3db; background-image: url(../images/bg.png); }
#client-ui.x-workaround #flash-wrapper { right: 465px }
#client-ui.x-workaround-wide #flash-wrapper { right: 765px }

#client-ui.x-workaround-feed { background-color: #000 }
#client-ui.x-workaround-feed #flash-wrapper { right: auto; width: 100% }

#client-ui.embed #flash-wrapper { top: 35px; }
.client-content { position: absolute; top:0; right: 0px; z-index: 1000; color: #000 }
.embed .client-content { top: 37px }

#applifier-container { position: absolute; top: 0px; height: 76px }
.applifier #embed-topbar { top: 76px }
.applifier #client-ui.embed #flash-wrapper { top: 35px }
.applifier #client-ui { height: 100%; margin-top: 76px }

/* external links */
#external-link-container { right: 0; margin: 0 auto; width: 100%; border: 3px solid #FFAA5F; padding: 15px 15px 5px 15px; background-color: #fff }
#external-link-container h2 { margin: 0 0 20px 0; border-bottom: 1px solid #aaa; padding-bottom: 5px }
.contains-externalLink { width: 100% }

#fb-like-container { right: 0; margin: 0 auto; padding: 10px 10px 5px 10px; background-color: #fff; }
.contains-fbLike { width: 100%; height: 100% }
 
my client .css is

#BottomBar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color:#000;
height:100%;
}

#player {
margin:0;
}

#flash-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
overflow: hidden;
}

#flash-container #content, #minimail-report {
color: #000;
}

.contains-minimail { width: 100% }
.contains-news { width: 100% }
.contains-avatars { width: 100%; }

.contains-roomenterad { width: 100% }

.client-habblet-container.contains-roomenterad {
width: 100%;
}

.client-habblet-container {
position: absolute;
top: 10px;
right: 10px;
}
.loading-element {
padding-top: 100%;
height: 100%;
width: 100%;
background-color: #000;
text-align: center;
}

.loading-element p {
padding-top: 2px;
font-weight: bold;
font-size: 16px;
}

.draggable .title { cursor: move }

.x-workaround .client-habblet-container {
position: static;
top: auto;
right: auto;
}
.x-workaround .client-habblet-container .title { cursor: default; }

#client-ui {
height:100%;
position: 100%;
width:100%
}

#client-ui.x-workaround { background-color: #e3e3db; background-image: url(../images/bg.png); }
#client-ui.x-workaround #flash-wrapper { right: 465px }
#client-ui.x-workaround-wide #flash-wrapper { right: 765px }

#client-ui.x-workaround-feed { background-color: #000 }
#client-ui.x-workaround-feed #flash-wrapper { right: auto; width: 100% }

#client-ui.embed #flash-wrapper { top: 35px; }
.client-content { position: absolute; top:0; right: 0px; z-index: 1000; color: #000 }
.embed .client-content { top: 37px }

#applifier-container { position: absolute; top: 0px; height: 76px }
.applifier #embed-topbar { top: 76px }
.applifier #client-ui.embed #flash-wrapper { top: 35px }
.applifier #client-ui { height: 100%; margin-top: 76px }

/* external links */
#external-link-container { right: 0; margin: 0 auto; width: 100%; border: 3px solid #FFAA5F; padding: 15px 15px 5px 15px; background-color: #fff }
#external-link-container h2 { margin: 0 0 20px 0; border-bottom: 1px solid #aaa; padding-bottom: 5px }
.contains-externalLink { width: 100% }

#fb-like-container { right: 0; margin: 0 auto; padding: 10px 10px 5px 10px; background-color: #fff; }
.contains-fbLike { width: 100%; height: 100% }
 
my client .css is

#BottomBar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color:#000;
height:100%;
}

#player {
margin:0;
}

#flash-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
overflow: hidden;
}

#flash-container #content, #minimail-report {
color: #000;
}

.contains-minimail { width: 100% }
.contains-news { width: 100% }
.contains-avatars { width: 100%; }

.contains-roomenterad { width: 100% }

.client-habblet-container.contains-roomenterad {
width: 100%;
}

.client-habblet-container {
position: absolute;
top: 10px;
right: 10px;
}
.loading-element {
padding-top: 100%;
height: 100%;
width: 100%;
background-color: #000;
text-align: center;
}

.loading-element p {
padding-top: 2px;
font-weight: bold;
font-size: 16px;
}

.draggable .title { cursor: move }

.x-workaround .client-habblet-container {
position: static;
top: auto;
right: auto;
}
.x-workaround .client-habblet-container .title { cursor: default; }

#client-ui {
height:100%;
position: 100%;
width:100%
}

#client-ui.x-workaround { background-color: #e3e3db; background-image: url(../images/bg.png); }
#client-ui.x-workaround #flash-wrapper { right: 465px }
#client-ui.x-workaround-wide #flash-wrapper { right: 765px }

#client-ui.x-workaround-feed { background-color: #000 }
#client-ui.x-workaround-feed #flash-wrapper { right: auto; width: 100% }

#client-ui.embed #flash-wrapper { top: 35px; }
.client-content { position: absolute; top:0; right: 0px; z-index: 1000; color: #000 }
.embed .client-content { top: 37px }

#applifier-container { position: absolute; top: 0px; height: 76px }
.applifier #embed-topbar { top: 76px }
.applifier #client-ui.embed #flash-wrapper { top: 35px }
.applifier #client-ui { height: 100%; margin-top: 76px }

/* external links */
#external-link-container { right: 0; margin: 0 auto; width: 100%; border: 3px solid #FFAA5F; padding: 15px 15px 5px 15px; background-color: #fff }
#external-link-container h2 { margin: 0 0 20px 0; border-bottom: 1px solid #aaa; padding-bottom: 5px }
.contains-externalLink { width: 100% }

#fb-like-container { right: 0; margin: 0 auto; padding: 10px 10px 5px 10px; background-color: #fff; }
.contains-fbLike { width: 100%; height: 100% }