border-box Questions
4
Solved
I've never came across this issue, but in a nutshell I apply border box as my box-sizing to all the elements:
*, *:before, *:after {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: ...
Compel asked 7/3, 2014 at 15:1
5
In the snippet below, the first row has two divs with flex-grow: 1. As expected, each div takes up 50% of the screen.
When adding padding to the left div, that is no longer the case. Can someone e...
Vidal asked 15/10, 2015 at 9:48
5
Solved
On the form, I have one select and two input fields. These elements are vertically aligned. Unfortunately, I can't get equal width of these elements.
Here's my code:
<select name="name1" styl...
Essa asked 1/11, 2010 at 22:55
2
Solved
Not sure what I'm doing wrong, I thought that by adding border-box, it would fit those 4 boxes neatly.
http://jsfiddle.net/jzhang172/x3ftdx6n/
.ok{
width:300px;
background:red;
hei...
Bs asked 26/9, 2015 at 19:28
1
Solved
I come from this question: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively
I understand that this is the case for the standard box model, is that right?
But what hap...
Mineral asked 21/5, 2015 at 16:55
3
Solved
I'm using the box-sizing:border-box model. When an inline-block element with a min-width is contained in an inline-block element (container), the container is too wide in Internet Explorer 9. Works...
Chaudoin asked 22/2, 2012 at 20:5
4
Solved
I realised that <input type="submit"/> has a border-box box model, whereas <input type="text"/> has a content-box box model. This behavior is present in IE8 and FF. Unfortunately, this ...
Wendellwendi asked 20/9, 2009 at 8:27
2
Solved
I'm doing a small 2-pane layout using display:table. For spacing (also from the background image), I use padding. As I need the children to have an exact width:50% from the available space (taking ...
Cathicathie asked 4/1, 2012 at 15:28
3
I'm under the impression that the user agent stylesheet in browsers such as Safari, Chrome and Firefox is something that is internal to the browser and can't be directly modified (rather a style pr...
Gomer asked 23/9, 2011 at 20:4
2
Solved
When using box-sizing: border-box in CSS, I assume that the total width of an element will be defined in its "width" value. So if I say that the width of a division is 20px and the ...
Adjudication asked 21/6, 2012 at 16:11
1
Solved
I will start developing a new website, and I'm getting ready to deal with the different methods browsers use to calculate width and height of elements (box model stuff). Somehow, it came to my mind...
Dinadinah asked 23/5, 2012 at 15:11
4
Solved
Consider the following example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" x...
Ritual asked 22/5, 2010 at 0:20
1
© 2022 - 2024 — McMap. All rights reserved.