Any web designers/developers?

[4down20]

So I up and decided to get with the times and make my rankings site responsive. I've done the homepage and general frame work of the site thus far, and for the most part it's going well...on firefox.

On IE and Safari however, I have a problem at full resolution. It works fine when scaled down for tablets/phones in these browsers, but when in the desktop resolution, there is an issue with the text.

College Football Computer Rankings, Power Ratings, Strength of Schedule, Predictions, Stats and more.

The firefox version is how I want it to look. The text on the left with the 2 smaller teasers on the right. If you try it in IE or safari, what happens is odd. It makes the boxes fine, but it puts all the text of 1 at the bottom, and the 2 teaser boxes up top. I've checked and the space between them is fine, and would actually be the opposite if it weren't.

Remember the goal here is for a responsive page, so while it's easy to fix for a single page, it has to still be responsive and compress down to a vertical list view at space.

It also validates fine as html5 etc, with the exception of some markup code in the footer that isn't an issue.

I don't know if anyone around here does this stuff, but it's got me a bit stumped at the moment and figured I'd give this place a try. Maybe the issue is something obvious?

 

[oaknightshockey1]

I'm using Safari, and this is what I'm seeing. I don't have much developing experience, but this seems to be what you are describing that you want. Not sure if that's helpful. The site looks nice IMO.

 

[4down20]

I'm using Safari, and this is what I'm seeing. I don't have much developing experience, but this seems to be what you are describing that you want. Not sure if that's helpful. The site looks nice IMO.

Hmmm, yes that is what I want.

Let me take a screenshot of what I'm seeing.

And thanks.

 

[4down20]

well wtf, now it works in safari for me. I spent like 3 hours last night trying to figure it out. Tried it on my macbook and it was doing it then too.

 

[HammerDown]

Why aren't you using a responsive theme in WordPress?

 

[4down20]

Still doing it in IE though. Here is what I see.

 

[4down20]

Why aren't you using a responsive theme in WordPress?

I will end up doing it. I just got a wild hair over the weekend and started on the homepage.

 

[WizardHawk]

FWIW it's messed up in chrome too. Looks like your attached image 4d20.

 

[4down20]

FWIW it's messed up in chrome too. Looks like your attached image 4d20.

Thanks

Maybe it was chrome that was messed up instead of Safari and I got them mixed up.

Not sure what the deal with it is.

 

[WizardHawk]

It's been a few years since I've done any web dev, but that's always an issue. The more complicated you make your site the harder it is to work across all platforms.

 

[4down20]

It's been a few years since I've done any web dev, but that's always an issue. The more complicated you make your site the harder it is to work across all platforms.

It's gotten way better. 15 years ago it was a nightmare. These days it's mostly minor things so long as you follow the standards. That's kind of what has me stumped right now, it's up to standards.

 

[WizardHawk]

Yes, but I had these exact issues many times. It's just formatting things. Each browser doesn't render the same code the same way and things just get out of whack.

 

[4down20]

Fixed the problem sorta. I had code that made the 2 boxes even length even with shorter content, and for some reason that was causing the problem. Took that out and it fixed. But now I'm not really satisfied with where the continued links are, or the lines at the bottom that were even.