Jump to content


Photo

Fix height to screen issue.

height screen issue css fixed

  • Please log in to reply
4 replies to this topic

#1 Hazukiy

Hazukiy

    Advanced Member

  • Members
  • PipPipPip
  • 125 posts
  • LocationEngland
  • Age:19

Posted 25 March 2013 - 01:31 PM

Hi, I'm trying to make it so that my Wrapper fixes to the screen resolution depending on your screen, so I'm basically debugging on both my laptop and my 32"" monitor.

 

Would they be any possible way to make it so:

 

"height: 100%"

"width: 100%"

 

If so how would I do this method? I've got this far atm:

(The wrapper is help inside the main Container which just has 

 

"width: 100%;

min-width: 100%;

padding: 0;

margin: 0; "

 

Excuse my sloppy coding.

 

.index_wrapper {
	width: 100%;
	height: 1600px;
	min-width: 500px;
	max-width: 100%;
	min-height: 500px;
	max-height: 1600px;
	margin-top: 50px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}

.index_content {
	background-color: #1e1f1f;
	background-image:url('images/structure/background-2.jpg');
	background-repeat: no-repeat;
	height: 100%;
	min-height: 100%;
	width: 100%;
	min-width: 1452px;
	border: 1px solid #505050;
	border-left:none;
	border-right:none;
	border-top: none;
	vertical-align: baseline;
}

 

 



#2 haku

haku

    Advanced Member

  • Staff Alumni
  • 6,177 posts

Posted 25 March 2013 - 08:43 PM

What are you trying to do?



#3 Hazukiy

Hazukiy

    Advanced Member

  • Members
  • PipPipPip
  • 125 posts
  • LocationEngland
  • Age:19

Posted 26 March 2013 - 12:37 PM

What are you trying to do?

 

"I'm trying to make it so that my Wrapper fixes to the screen resolution"



#4 haku

haku

    Advanced Member

  • Staff Alumni
  • 6,177 posts

Posted 26 March 2013 - 07:56 PM

I suppose you thought that answer made things clearer. But all you did was tell us again how you are trying to do whatever it is that you are trying to do, not what it is you are trying to do.

Edited by haku, 26 March 2013 - 07:58 PM.


#5 Libellula

Libellula

    Member

  • Members
  • PipPip
  • 23 posts

Posted 28 March 2013 - 01:45 PM

So you want to make your website responsive, correct? Depending on what size monitor or device you are on, you want your content to size up or size down to fit that size of screen? Makes sense. The ability to do this is going to depend on your content. How do you have your website coded? Are you using HTML5? Is your content in tables or within DIV tags or another format? If you have this site online, maybe you could provide a url and we can look at it. Using the coding you are trying to use, it probably won't work. I am assuming you have a conflict between "space needed" and "space provided", so it is just defaulting to "space needed". If you have your wrapper set up correctly, this might work.

 

.wrapper {
  margin: 0 auto;
  width: 940px;
  position: relative;
}

Change the width to what your site looks best in originally.


Edited by Libellula, 28 March 2013 - 01:45 PM.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com