Spacing

[shane18]

Why is there a space between the blue and white border?

 

http://md.oddim.com/

[runawaykinms]

Im not sure, but you might try a couple of different things.

 

1. Change the blue divs width. Set it to a percentage instead of a fixed width. So if you make it 100% it should fill in the white div tag.

 

2. Try to change the display setting. For example you have:

 

<label style="display: block; margin-top: 11px;" for="title">Title:</label>

 

This sets the display to display:block. Therefore, there will be a space before and after the element.

 

These are some of my guesses of the top of my head, but I am brand new to this stuff. If anyone else knows a better answer please share.

[shane18]

		    <div style="overflow: hidden; border: 1px dotted #FFFFFF;">
	    <div style="display: inline-block; text-align: right; overflow: hidden; height: 102px; border: 1px dotted #00FFFF;">
	    <label style="display: block; margin-top: 11px;" for="title">Title:</label>
	    <label style="display: block; margin-top: 11px;" for="case">Case:</label>
	    <label style="display: block; margin-top: 13px;" for="number">Number:</label>
		</div>
		<div style="display: inline-block; overflow: hidden; height: 102px; border: 1px dotted #00FFFF;">
	    <input type="text" name="title" id="title" style="color: #FFFFFF; margin-top: 12px; background-color: #000000; border: 1px dotted #00FF00;"><br>
	    <input type="text" name="case" id="case" style="color: #FFFFFF; margin-top: 12px; background-color: #000000; border: 1px dotted #00FF00;"><br>
	    <input type="text" name="number" id="number" style="color: #FFFFFF; margin-top: 12px; background-color: #000000; border: 1px dotted #00FF00;">
		</div>
		</div>

 

Here is the code... there is a 4 pixel long space between the bottom of the 2 inline-blocks and the bottom of the block there inside... why?

[shane18]

http://md.oddim.com/ To view it...

[haku]

It's because you've put overflow:hidden on half the elements in there. Don't put something like that in if you don't know what you are doing it for.

[shane18]

i put overflow: hidden; to stop margin collapsing... the borders are only there temporarily...

 

ur solution didn't fix the problem...