inaltime container CSS

#1
chaosed

Posted 24 March 2014 - 12:33

New Member

Grup: Members
Posts: 12
Înscris: 08.03.2014

As vrea ca inaltimea containerului sa umple tot spatiul dedicat de browser, chiar daca continutul nu umple tot spatiul, de exemplu, daca continutul este .
Am cautat pe net, si am gasit

body
{
height:100%
}
#container
{
display:table;
min-height:100%;
}

Dar nu se intampla nimic, containerul se termina tot la jumatatea paginii, in loc sa umple pagina. Ce as putea face?

Back to top

#2
poadol

Posted 24 March 2014 - 12:54

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Intre 600 si 800px ar trebui sa fie suficient pentru ceea ce doresti.

Din cate cunosc 100% pentru height la body este "incorect" sau nefunctional, nefolositor in marea majoritate a cazurilor.

Edited by poadol, 24 March 2014 - 12:56.

Back to top

#3
poadol

Posted 24 March 2014 - 13:27

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Dar mai nou se pare ca "merge"; asa ca ai lipsa in codul css -> ; (punct si virgula) dupa 100% (height la body).

Edited by poadol, 24 March 2014 - 13:31.

Back to top

#4
chaosed

Posted 25 March 2014 - 16:43

New Member

Grup: Members
Posts: 12
Înscris: 08.03.2014

Nu merge, nu merge de nici o culoare, am pus " ; " dar tot nimic

. O fi de la faptul ca folosesc IE 9?

Back to top

#5
poadol

Posted 25 March 2014 - 20:40

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Probabil, pentru ca in Firefox "merge", sau asa:

<! DOCTYPE html >
<html>
<head>
<title>height</title>
<link rel="stylesheet" type="text/css" href="style9.css">
</head>
<body>
<div id="container">
<table id="ran">
<tr>
<td>Gina</td>
<td>Sorana</td>
<td>30</td>
</tr>
<tr>
<td>Eva</td>
<td>Purtan</td>
<td>24</td>
</tr>
</table>
</div>
</body>
</html>

body
{
width: 100%;
height:100%;
background-color: #6495ed;
}

#container
{
border: 1px solid black;
width: 100%;
height:100%;
}

#ran
{
width: 300px;
height: 40px;
}

 tr, td
{
border: 1px solid yellow;
}

Edited by poadol, 25 March 2014 - 20:51.

Back to top

#6
DominatoR

Posted 25 March 2014 - 22:05

Member

Grup: Members
Posts: 374
Înscris: 24.09.2006

html {
  height:100%;
}

Back to top

#7
poadol

Posted 26 March 2014 - 00:12

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Sau completarile aferente cazului:
http://stackoverflow...-browser-height

Back to top

Anunturi

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

inaltime container CSS

#1 chaosed Posted 24 March 2014 - 12:33

#2 poadol Posted 24 March 2014 - 12:54

#3 poadol Posted 24 March 2014 - 13:27

#4 chaosed Posted 25 March 2014 - 16:43

#5 poadol Posted 25 March 2014 - 20:40

#6 DominatoR Posted 25 March 2014 - 22:05

#7 poadol Posted 26 March 2014 - 00:12

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
chaosed

Posted 24 March 2014 - 12:33

#2
poadol

Posted 24 March 2014 - 12:54

#3
poadol

Posted 24 March 2014 - 13:27

#4
chaosed

Posted 25 March 2014 - 16:43

#5
poadol

Posted 25 March 2014 - 20:40

#6
DominatoR

Posted 25 March 2014 - 22:05

#7
poadol

Posted 26 March 2014 - 00:12