Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: border-style: solid zmienia ilość pixeli
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
gregi
27.05.2015, 13:45:16
W przypadku gdy w głównym divie container ustale na stałe width :850px wraz z border-style: solid;
i w nim zawrę dwa divy pierzy 750 px float:left i drugi 100 px float:left
to okazuje się ze nie mieszczą się w ramach cointerera ponieważ nie uwzględniłem grubości obramowania cointenera

Czy jest na to jakaś recepta abym nie musiał się martwić o grubość obramowania ?

[PHP] pobierz, plaintext 
  1. #container
  2. {
  3. width :850px;
  4. height:1000px;
  5. margin-left:auto;
  6. margin-right:auto;
  7.  
  8.  
  9. }
  10. /* nagłówek*/
  11. #pytanie
  12. {
  13. float:left;
  14. width:30%;
  15. height:30px;
  16. background-color:gray;
  17. border-style: solid;
  18. }
  19.  
  20. #odpowiedzi
  21. {
  22. float:left;
  23. width:70%;
  24. background-color:gray;
  25. height:30px;
  26.  
  27. }
  28.  
  29.  
  30. /* punkt 1*/
  31. #wiersz_1
  32. {
  33. clear: both;
  34. width:100px;
  35. height:50px;
  36.  
  37. }
  38.  
  39.  
  40.  
  41. </style>
  42. </head>
  43.  
  44.  
  45. <body >
  46.  
  47. 	<%
  48. 		String sql = null;
  49.  
  50. 		ResultSet result = null;
  51.  
  52. 		Date date = new Date();
  53.  
  54. 		final String dateFrom = request.getParameter("dateFrom");
  55. 		final String dateTo = request.getParameter("dateTo");
  56. 		final DateFormat dateParser = new SimpleDateFormat("dd-MM-yyyy");
  57.  
  58. 		final String statusRozwiazane = request
  59. 				.getParameter("statusZgloszenia");
  60.  
  61. 		final String toDay = dateParser.format(date);
  62.  
  63.  
  64.  
  65.  
  66.  
  67. 	%>
  68.  
  69.  
  70. <div id="container">
  71.  
  72.  
  73. <div id="pytanie">Pytanie</div>
  74. <div id="odpowiedzi"> Odpowiedzii</div>
  75.  
  76. <div id="wiersz_1"> 1. Identyfikator pacjenta </div>
  77.  
  78. </div>
[PHP] pobierz, plaintext
trueblue
27.05.2015, 13:53:46
Kod
#pytanie{
box-sizing:border-box;
}
Comandeer
27.05.2015, 16:04:56
Z tym, że od takie przejście sobie na border box niekoniecznie musi być dobrym pomysłem. Warto przynajmniej znać podstawy box modelu w CSS https://css-tricks.com/inheriting-box-sizin...-best-practice/
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-2024 Invision Power Services, Inc.