[Pro] Box

When I make my browser smaller to test how it looks, the box that has the different logos for companies keeps breaking. Any ideas?

http://www.hgrantdesigns.com/zieglar/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

When I make my browser smaller to test how it looks, the box that has the different logos for companies keeps breaking. Any ideas?

http://www.hgrantdesigns.com/zieglar/

The outline of the box “breaks” because the smaller contained boxes are set wider than 100% at 570px and under and their background-color of White overflows and obscures the container’s borders.

I don’t know why they are set that way, but because this is a Backdraft site, I bet Caleb will have a better idea what is off here.

/* Screen max-width 570px */
#fourLeft { width: 100.15420690902515%; }

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Just emailed him. Will let you know what he says


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I don’t know why they are set that way, but because this is a Backdraft site, I bet Caleb will have a better idea what is off here.

/* Screen max-width 570px */
#fourLeft { width: 100.15420690902515%; }

Me neither, but it’s the interesting (and correct) mathematical result of box-sizing action + padding on items + Freeway workspace (virtual width) which ends up in some interesting numbers.

Cheers

Thomas

Caleb if you’re in:

Consider one wrapping DIV more for the fourLeft … items, set them to be rock-solid percent (25, 33.33, 50 …) and set the “content-carrier” to be available and apply padding to those. I bet you’ll sleep better (have a quick look at the GridMeister videos - you’ll know what I mean).


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options