Layout help

[sal81]

 

 

Oh dear, you have no flash player. You can download it from the Macromedia Flash page.

 

 

 

 

About Us

Books

Contact Us

 

 

 

Introduction

 

Thinking has not changed in the 23 centuries since the Greek philosophers laid the foundations for western thinking. The western world has adopted classic Greek thinking making their teachings an integral part of the way we think. The tools that have shaped the world include argument, logic, reason, analysis and truth. Nothing wrong with them but they are inadequate to move forward in a rapidly changing world. They are unlikely to provide the constructive, design and creative energies required to make the difference. We need more. The brain is not designed to be creative.

 

 

 

Introducing new thinking tools such as parallel and lateral thinking I aim to provide you and your organisation with a way of solving problems and generating ideas in order for you to improve what you do and in turn outperform your competitors. Thinking that seeks new ways of looking at a problem rather than proceeding by logical steps. In the words of Anthony Robbins “If you do what you've always done then you'll get what you've always got”. Let's change that.

 

 

 

 

What do we do?

How?

Thinking Patterns

The Vision

The Brain

 

 

[sal81]

PS This is how the site is supposed to look like:

 

[Wickham]

You have margin-left: 10%; and margin-right: 10%; for the #quotes div with the flash. The flash object is 900px wide so why not change the div to 900px and center it? (The pink is just temporary for you to check where it shows.)

 

#quotes { width: 900px; margin: auto; background-color: pink;

/*margin-left: 10%;

margin-right: 10%;*/

font-size: small;

}

 

The flash code you have used uses classid and this normally needs an nested embed tag. Here are three examples of different flash codes:-

http://www.wickham43.net/flashvideo.php

 

The #topmenu looks OK to me but perhaps the width: auto; is causing a problem. Try editing the width to 850px like the width of #main:-

#topmenu {

height: 30px;

width: 850px;/*auto;*/

background-color: #006633;

}

 

The left logo and menu are inside the #left div which extends to 100% of the width as it has no width defined (no problem with that) so add a style for the left list ul tag:-

#left ul { margin-left: 20px; padding: 0; }

 

this is because ul tags have different default left padding so that needs to be made 0 and then set margin-left to be the same as the image above.

 

The white background for #main only goes down to the bottom of the menu on the left in Firefox with width: auto; because you have the following structure:-

#main div with height: auto; width: 850px;

#right with float: right; width: 500px;

#left with no width and no float so it actually extends full width around the floated right div and the logo and list move up into the space on the left of #right.

However, floated divs are assumed to have no height so #main only extends down to the bottom of the unfloated #left div.

 

The answer is to put an unfloated div with no height and invisible under the floated div to drag the background down.

 

Add this style:-

.clear { clear: both; width: 100%; height: 0; visibility: hidden; }

Edit #main to have height: auto:-

#main {

margin: auto;

margin-top: 30px;

width: 850px;

height: auto;/*500px;*/

background-color: white;

}

and edit the html markup which adds a new div just before the closing tag of #main:-

 

.....................

 

 

 

 

Edited May 8, 2009 by Wickham

[LSW]

Cheers Wickham! Duely impressed!

[sal81]

Thank you, that was very helpful!

[Guest lovebanner]

You have margin-left: 10%; and margin-right: 10%; for the #quotes div with the flash. The flash object is 900px wide so why not change the div to 900px and center it? (The pink is just temporary for you to check where it shows.)

 

#quotes { width: 900px; margin: auto; background-color: pink;

/*margin-left: 10%;

margin-right: 10%;*/

font-size: small;

}

 

The flash code you have used uses classid and this normally needs an nested embed tag. Here are three examples of different flash codes:-

http://www.wickham43.net/flashvideo.php

 

The #topmenu looks OK to me but perhaps the width: auto; is causing a problem. Try editing the width to 850px like the width of #main:-

#topmenu {

height: 30px;

width: 850px;/*auto;*/

background-color: #006633;

}

 

The left logo and menu are inside the #left div which extends to 100% of the width as it has no width defined (no problem with that) so add a style for the left list ul tag:-

#left ul { margin-left: 20px; padding: 0; }

 

this is because ul tags have different default left padding so that needs to be made 0 and then set margin-left to be the same as the image above.

 

The white background for #main only goes down to the bottom of the menu on the left in Firefox with width: auto; because you have the following structure:-

#main div with height: auto; width: 850px;

#right with float: right; width: 500px;

#left with no width and no float so it actually extends full width around the floated right div and the logo and list move up into the space on the left of #right.

However, floated divs are assumed to have no height so #main only extends down to the bottom of the unfloated #left div.

 

The answer is to put an unfloated div with no height and invisible under the floated div to drag the background down.

 

Add this style:-

.clear { clear: both; width: 100%; height: 0; visibility: hidden; }

Edit #main to have height: auto:-

#main {

margin: auto;

margin-top: 30px;

width: 850px;

height: auto;/*500px;*/

background-color: white;

}

and edit the html markup which adds a new div just before the closing tag of #main:-

 

.....................