Mobile Friendly Website


Doing it with style

fixit layout 3 COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Never mind, like so many posters, I promptly figured out what I had done wrong. Thanks :)
(15.07.2007, 03:50)

Many thanks for your work on this site! It is incredibly helpful!
I have run into the anchor problem Kate & Shingon described earlier, where clicking an anchor link pushes the header off the page and extends the content beneath the footer. I must be missing something simple - but if anyone can help, I would be grateful.
(10.09.2007, 21:39)

u should try to search in google for ajax or jquery ...
"50 amazing jquery" search for this and u ll find something useful


Using frames, it is easy to display different pages in the main frame and keep the rest of the page the same. Can I do this with CSS without repeating all the header, footer and left div code for each page?

I'm using PHP so maybe I can merge the pages somehow? (I'm new to PHP and CSS so I'm not sure how.)

I hope this isn't off topic. Any ideas would be apreciated.


(01.02.2007, 09:43)
(10.01.2008, 20:38)

Thank in advance for this great examples.
(12.02.2008, 08:44)

Seumas Rouse:-
Hey Stu,
This has me stumped:

I downloaded your "fixit layout 3" which works fine online in both Firefox 2 & MSIE 6, but when I view it from my desktop saved version, the text in the content vanishes off to the right & the vertical scroll bar disappears!

Thanks for sharing your work with us all!

(27.02.2008, 04:18)

If you modify this layout to remove the footer area, the scroll bar in the content area may disappear in Firefox. To avoid this, don't remove the bottom specification under #content. That is, leave at least one pixel: #content{bottom:1px;}
(18.11.2008, 21:35)

Bea ... when you change any of the heights, make sure you have changed it in both the regular spot and in the corresponding *html section and then adjust the content section (in both the regular and *html spots) to add the amount you subtracted from the others.
(14.12.2008, 07:59)

Love your site --- I tried using a CSS layout from another site and it only worked on my Mac, totally broke up on IE. You're the only one I trust.

I've created a site using this fabulous layout but I wanted to change the menu to a simple list, no borders or background color, with just a pointer (an image of a triangle) and text color change on hover. I took out the border attribute, changed the background from a color to url(image) and added left padding to accommodate the image and a font attribute. Works great on Safari, but can only get the color change on everything else (Firefox Mac & PC, IE5,6,7).

Plus I'd like to have the current page link just a different (third) color, but can't get that to work at all.

background: url(images/arrow.gif) no-repeat left center;

background: url(images/arrow-thispage.gif) no-repeat left center;

I even tried just changing to one of the ul-based menus, still no luck on anything but Safari.
(14.12.2008, 08:00)

Great site. Love the different options. Your solutions worked...and other sites I found and tried did not, so GREAT JOB and THANK YOU!
(04.02.2010, 21:20)

Great Site. Almost cut-n-paste to get ones website going.

I am using the Layout 3 for my personal website. Got it all going with scrolling images and text in the main right pane.

I tried to change by adding the "Image Hover text" from your "Opacity" demo. Works fine, but the Images which were centred earlier, now have shifted left in the scroll pane.

Can you advise? what needs to be amended in the css/html?
(25.11.2010, 21:35)

10 of 48 comments (part 1). [ » ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page