Help large empty space under divs??

[inkling]

the error may just have to do with the fact that I'm mostly just randomly messing around with things and being surprised when they work! but at least I'm having fun with it lol

It's not a HUGE problem, but...aesthetic. I've tried a few different things with margins and padding but I'm wondering if it has to do with something else like positioning??? idk what I am doing.

thank you/I'm sorry if it's something incredibly minor in advance

Spoiler

[centerblock=50][div=height:25px;width:550px;color:slategray;font-family:tahoma;font-size:15px;]
[CENTER]hhhhhhhhhhhhhhhhhhhhhhhhhhhhh[/CENTER]
[/div]
[div=position:relative;right:10px; top:0px;border: 8px antiquewhite solid;background:url('https://pbs.twimg.com/media/C9ASYLBU0AA0SgJ.jpg');background-size:cover;width:250px;height:355px;][/div]
[div=height:371px;width:288px;position:relative;top: -371px; left: 267px; overflow:auto;color:slategray;background:antiquewhite;]
text text text 
text text text text text text 
text text text text text text
[/div]
[div=position:relative;top:-360px;right:10px;background:url('https://galoremag.com/wp-content/uploads/2016/02/alisha-6-feature-pop-galore.jpg');background-size:cover;height:250px;width:548px;border:8px antiquewhite solid;][/div][/centerblock]

 

[Fable]

Could you provide the code?

 

[inkling]

Could you provide the code?

I put it in a spoiler, is it not working?

 

[Fable]

I put it in a spoiler, is it not working?

Ah, didn't notice it upon first glance. I'll take a look.

 

[Fable]

Okay, because you positioned them relatively with such large px values, that means that it has only moved that div, but not the space that it takes up is not removed; such as "top:-360"

 

[inkling]

Okay, because you positioned them relatively with such large px values, that means that it has only moved that div, but not the space that it takes up is not removed; such as "top:-360"

Interesting, okay, so do I just try different numbers or a different type of position or something?

 

[Fable]

text text text
text text text text text text
text text text text text text

I just went ahead and did a complete re-code

[centerblock=50][div=display:inline-block;vertical-align:top;margin:5px;width:250px;height:355px;border: 8px antiquewhite solid;background:url('https://pbs.twimg.com/media/C9ASYLBU0AA0SgJ.jpg');background-size:cover;][/div][div=display:inline-block;vertical-align:top;margin:5px;width:250px;height:355px;border: 8px antiquewhite solid;background:antiquewhite;]text text text 
text text text text text text 
text text text text text text[/div]
[div=width:525px;height:355px;margin:5px;border: 8px antiquewhite solid;background:url('https://galoremag.com/wp-content/uploads/2016/02/alisha-6-feature-pop-galore.jpg');background-size:cover][/div][/centerblock]

 

[Fable]

Interesting, okay, so do I just try different numbers or a different type of position or something?

If you want to get side-by-side boxes, you need to either use columns if you are uncomfortable with divs, because positioning them in the way you are trying will always result in a large whitespace.

 

[pasta]

I recommend wrapping the div you're trying to move in another div and have its height be 0px. It's any easy way to loose the large space.

 

[inkling]

If you want to get side-by-side boxes, you need to either use columns if you are uncomfortable with divs, because positioning them in the way you are trying will always result in a large whitespace.

I recommend wrapping the div you're trying to move in another div and have its height be 0px. It's any easy way to loose the large space.

Thanks both, I'll see what happens!