5 replies [Last post]
samclauw
samclauw's picture
Offline
newbie
Belgium
Last seen: 8 years 3 weeks ago
Belgium
Timezone: GMT+2
Joined: 2012-11-08
Posts: 9
Points: 13

Hi there,

I'm developing a website, my first responsive one: Hexios test website.

I have an ussue with the placement of two colum blocks next to each other (see link above). The first one should be always fixed, the other one should shrink when reducing the browser window. Right now, it's moving under the left block when the browser size is smaller than 960px. I'm working with display: inline-blocks, but floats gave me the exact same problem.

My code:

#siteWrapper{
	margin: 0 auto;
	width: 90%;
	max-width: 960px;
}
 
#left{
	margin: 0 22px 0 0;
	width: 191px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}
 
#inhoud{
	width: 77.8125%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

Is there anyone who can help me out with this? In fact, I realy don't know if it's possible what I'm asking you... Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 24 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Is this what you

Is this what you want?

body.pg-subnav #left {
    float: left;
    margin: 0 22px 0 0;
    width: 191px;
    }
 
#left {}
 
body.pg-subnav #inhoud {
    overflow: hidden;
    }
 
#inhoud {}
 
img.foto {
    border: 5px solid #ACAFB5;
    display: block;
    margin: 0 auto 30px;
    width: 95%;
    }

Re the star hacks: Don't! IE6 and IE7 are as obsolete as Netscape. Unless your client insists, and is throwing scads of money at you, forget about supporting IEs 6 & 7. V.8 was a completely new browser because v.6 and its bug-fix upgrade v.7 were unrepairable. Google will, by policy, drop support of v.8 once v.10 is released.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

samclauw
samclauw's picture
Offline
newbie
Belgium
Last seen: 8 years 3 weeks ago
Belgium
Timezone: GMT+2
Joined: 2012-11-08
Posts: 9
Points: 13

That did the trick, thanks

That did the trick, thanks Gary! About IE7: I still want to support that browser (certainly for my personal website). If I check my Analytics, there are quite a lot guests who use that browser. What a pity Puzzled

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 24 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Well, if you insist

The version I gave you should work on v.7 iirc. One of the work-arounds MSFT made was to cause overflow other than visible to trigger hasLayout. I tried to check the changes on your test page you linked above, but it was gone.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

samclauw
samclauw's picture
Offline
newbie
Belgium
Last seen: 8 years 3 weeks ago
Belgium
Timezone: GMT+2
Joined: 2012-11-08
Posts: 9
Points: 13

Indeed, we had to change the

Indeed, we had to change the test url to: http://new.hexios.be/nl/diensten/hosted-citrix Wink

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 24 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

???

Why the different stylesheet for IEs6/7? I may be missing something, but it looks to me like nothing special, beyond a small work-around or two, need be done for IE7, and IE6 likely wouldn't break either.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.