How can I set the size of something compatible on all screen

[lualord]

How do I set the size of something so its compatible with all screen sizes? Setting percentages make the tiles on my website either not big enough or too big.

[Tumbleweed]

Dec 7, 2013 15:51:00 GMT -8 lualord said:

How do I set the size of something so its compatible with all screen sizes? Setting percentages make the tiles on my website either not big enough or too big.

The tiles? You mean your background repeats itself? Can you provide a link to your site so we can see what you are talking about or describe exactly what is happening in more detail. Thanks.

[lualord]

Dec 7, 2013 16:11:07 GMT -8 Tumbleweed said:

Dec 7, 2013 15:51:00 GMT -8 lualord said:

How do I set the size of something so its compatible with all screen sizes? Setting percentages make the tiles on my website either not big enough or too big.

The tiles? You mean your background repeats itself? Can you provide a link to your site so we can see what you are talking about or describe exactly what is happening in more detail. Thanks.

They are multiple divs that have information. They are positioned beside eachother with position: relative.

[Tumbleweed]

Dec 7, 2013 16:30:15 GMT -8 lualord said:

Dec 7, 2013 16:11:07 GMT -8 Tumbleweed said:

The tiles? You mean your background repeats itself? Can you provide a link to your site so we can see what you are talking about or describe exactly what is happening in more detail. Thanks.

They are multiple divs that have information. They are positioned beside eachother with position: relative.

I don't think that helped me envision what you are doing by much but when you use divs and want them to remain a certain percentage of a space, you need to set a pixel width for that space. Also using float:left usually works better for the inner divs and relative positioning for the outer, but I'd have to see your site to know for sure.

So it might be:

<div style="position:relative;width:900px;">
<div style="width:33%;float:left;">Content</div>
<div style="width:33%;float:left;">Content</div>
<div style="width:33%;float:left;">Content</div>
</div>

[lualord]

Dec 7, 2013 17:27:44 GMT -8 Tumbleweed said:

Dec 7, 2013 16:30:15 GMT -8 lualord said:

They are multiple divs that have information. They are positioned beside eachother with position: relative.

I don't think that helped me envision what you are doing by much but when you use divs and want them to remain a certain percentage of a space, you need to set a pixel width for that space. Also using float:left usually works better for the inner divs and relative positioning for the outer, but I'd have to see your site to know for sure.

So it might be:

<div style="position:relative;width:900px;">
<div style="width:33%;float:left;">Content</div>
<div style="width:33%;float:left;">Content</div>
<div style="width:33%;float:left;">Content</div>
</div>

Think I figured it out. I didn't know I could use decimals in percentages so I never used percentage because it wasn't very precise.

[Tumbleweed]

Dec 7, 2013 17:30:55 GMT -8 lualord said:

Dec 7, 2013 17:27:44 GMT -8 Tumbleweed said:

I don't think that helped me envision what you are doing by much but when you use divs and want them to remain a certain percentage of a space, you need to set a pixel width for that space. Also using float:left usually works better for the inner divs and relative positioning for the outer, but I'd have to see your site to know for sure.

So it might be:

<div style="position:relative;width:900px;">
<div style="width:33%;float:left;">Content</div>
<div style="width:33%;float:left;">Content</div>
<div style="width:33%;float:left;">Content</div>
</div>

Think I figured it out. I didn't know I could use decimals in percentages so I never used percentage because it wasn't very precise.

Let me know if you have further issues. If you don't want to post your site link here you can pm it to me, if need be, btw. Had that first div been a percentage, like 90% instead of 900px, the percentages in the div's in the middle wouldn't work well. Anyway, I hope that did the trick but if not, I'll be around.