Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> border-style: solid zmienia ilość pixeli
gregi
post 27.05.2015, 13:45:16
Post #1





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 11.09.2003

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
trueblue
post 27.05.2015, 13:53:46
Post #2





Grupa: Zarejestrowani
Postów: 6 800
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Kod
#pytanie{
box-sizing:border-box;
}


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
Comandeer
post 27.05.2015, 16:04:56
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----

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/


--------------------
★Mój blog || Okiem krytyka★
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.06.2025 - 11:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn