Hi I've been asked to design and build a website for an IFA and this is what I have so far.

 

Ignore the content as just working on layout at the moment and overlook look and feel.

 

Opinions welcome as always!

Thanks rallport I've just got @font-face working so I'll be back with some revisions later.

 

Thanks again.

Hi..

Wow..nice i like it.

But i have opinion for the grid, try it resposive layout. Oks, lets dance with the CSS and better change your ID selector with class:

 

.four,
.five, 
.six, 
.seven{width:width:22.916666666666664%;height:300px;float:left; margin:0 1.0416666666666665%;}
.four{border-top:5px solid #E5B96F;}
.five{border-top:5px solid #95E80C;}
.six{border-top:5px solid #5FC5C;}
.seven{border-top:5px solid #825C5C;}

 

== And lets dance with media query ==

 

@media screen and (max-width:767px) {
.four, 
.five, 
.six, 
.seven{width:97.91666666666666%;margin:0 auto;}
}

 

== And throw away your rivers of white from justify ==

 

body {
margin:0;
padding:0;
height:100%;
max-width:1140px;
}
p{     -webkit-hyphens:auto;
       -moz-hyphens:auto; 
       hyphens:auto; 
       text-align:justify;
line-height:1.3em;
}
img,object,embed{
 border:none;
 vertical-align:middle;
 max-width:98%;
 width:auto\9;}
img{height:auto}

 

 

Now resize your screen or browser...

 

CMIIW

 

Cheers

Oh this is great guys I've never seen this! (I haven't built many sites) will take a good look at this later it looks awesome. I'm out at the moment so can +1 but will later on.

 

Exciting stuff!!

Edited June 4, 201214 yr by jheg

Hi chromatic

 

I tried the code you posted but it sent everything a bit pear shaped I'm afraid

 

I'll keep looking and will check out getskeleton and see if I can find some tutorials on this.

 

Thanks again.

Thanks for pointing me in the direction can you have another look and see if the fluid layout looks ok in your browser. Cheers. Links in op.