Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z wyglądem strony
Forum PHP.pl > Forum > Przedszkole
Dreiven
17.04.2015, 22:22:42
Witam,

Mam pewien kłopot jeśli chodzi o wygląd stronki http://lkosmala.pl/delacanios.html

Nie wiem jak ustawić by wysokość była na całym ekranie i jak zlikwidować ten biały pasek na środku.

Kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<meta charset="UTF-8">
  5. 	<link rel="stylesheet" href="css/bootstrap.css">
  6. 	<link rel="stylesheet" href="css/style.css">
  7. </head>
  8. <body>
  9. 	<div id="wrapper">
  10. 		<div class="row">
  11.   			<div class="col-lg-6 col-xs-12">
  12. 				<div class="jumbotron">
  13. 					<h1>
  14. 						Witaj!
  15. 					</h1>
  16. 					<p>
  17. 						Załóż konto
  18. 					</p>
  19. 					<p>
  20. 						<a class="btn btn-primary btn-lg" disabled="disabled" role="button">Rejestracja</a>
  21. 					</p>
  22. 				</div>
  23. 			</div>
  24.   			<div class="col-lg-6 col-xs-12">
  25. 				<div class="jumbotron">
  26. 					<h1>
  27. 						Zaloguj się
  28. 					</h1>
  29. 					<form method="post" action="delacanio.html" class="form">
  30. 						<input type="text" name="Login" placeholder="Login" class="form-control" />
  31. 						<input type="password" name="password" placeholder="Password" class="form-control" /><br />
  32. 						<input type="submit" class="btn btn-primary" value="Zaloguj się" />
  33. 					</form>
  34. 				</div>	
  35. 			</div>
  36. 		</div>
  37. 	</div>
  38. </body>
  39. </html>
[HTML] pobierz, plaintext
Mega_88
17.04.2015, 22:40:00
css:
html { height: 100%; }

.col-lg-6 { padding:0px 0px 0px 0px; }

Sprawdzaj sobie w "Zbadaj element" i sam sobie następnym razem poradzisz smile.gif
Dreiven
17.04.2015, 23:11:00
height: 100%; w css już była ustawiona dawno smile.gif

Niestety to nie daje takiego efektu :/

Co do odstępu pomogło dzięki smile.gif
kreatiff
17.04.2015, 23:21:52
A z height 100% i dla html i dla body nie pójdzie?
Dreiven
17.04.2015, 23:24:37 
[HTML] pobierz, plaintext 
  1. body {
  2. 	width: 100%;
  3. 	height: 100%;
  4. 	display: table;
  5. }
  6. #wrapper {
  7. 	display: table-cell;
  8. 	vertical-align: middle;
  9. 	text-align: center;
  10. }
  11. .col-lg-6 {
  12. 	padding: 0px 0px 0px 0px;
  13. }
[HTML] pobierz, plaintext


Tak wygląda plik css.
Mega_88
18.04.2015, 07:35:12
Nie widzę tutaj tego co nic napisałem. W css wstaw: 

[HTML] pobierz, plaintext 
  1. html { height:100%; }
[HTML] pobierz, plaintext
Dreiven
18.04.2015, 11:10:31
Efekt tylko wyśrodkowało stronę. Nadal nie to o co chodzi :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.