CODEWITHSUNDEEP
csscss-float
user2143208
user2143208

Reputation: 13

3 column fluid page : BIG ISSUES

Everything looked great until I widened my site. I have checked the code, firebugged all and for 2days I have only gotten more frustrated and am praying someone here could be of help - maybe a fresh set of eyes will help. I have linked the page and the cssdesk code for you see what is going on. Thanking you in advance. In css desk the columns are correct but on the website it looks like everything is pushed down for some reason.

http://www.cssdesk.com/BVCf2

http://jason.carpedp.com/coinlogistics/charities-co-ordinator/aviation-sector/

Upvotes: 1

Views: 51

Answers (3)

Karl Adler
Karl Adler

Reputation: 16796

don't use closing p without opening p and don't use -- in comments, some browsers interpretate it as end of comment.

<div class="left"><!--COLLEFT--NOTHING-->
     </p>
     <div class="airport"><!--CENTER--><br/>
     </p>
     <h4>AIRPORTS</h4>

use w3c validator to find more errors: http://validator.w3.org

Upvotes: 1

Abdul Malik
Abdul Malik

Reputation: 2642

if you check your html code in firebug you 'll found some unnecessary empty tags like <p></p> and <br/> just remove them and that is all.

Upvotes: 0

BoBFiSh
BoBFiSh

Reputation: 102

I had a look at the code and did a quick download of the page and dropped it into a HTML editor.

From what I gathered, there is a blank

tag (code line 86 on my editor) in the airports column which is setting everything down a level.

After removing that it started displaying fine on my side again.

Original

 <div class="airport"><!--CENTER--><br>
 <p></p>
 <h4>AIRPORTS</h4>
 <p><img alt="Donation boxes are strategically placed in busy areas of the airport" src="./Aviation Sector - Coin Logistics_files/airport.jpg">
 </p>
 <p>With a substantial rise in international and foreign travel in recent years; the volume of foreign coins entering and departing the airports have increased. This makes airports the perfect location for the donation boxes to be located, giving travelers the opportunity to rid themselves of their unwanted change and enabling them to perform the good deed of donating to the designated charity and allowing their small change to make a big difference.
 </p>
 </div>

New

     <div class="airport"><!--CENTER--><br>

     <h4>AIRPORTS</h4>
     <p><img alt="Donation boxes are strategically placed in busy areas of the airport" src="./Aviation Sector - Coin Logistics_files/airport.jpg">
     </p>
     <p>With a substantial rise in international and foreign travel in recent years; the volume of foreign coins entering and departing the airports have increased. This makes airports the perfect location for the donation boxes to be located, giving travelers the opportunity to rid themselves of their unwanted change and enabling them to perform the good deed of donating to the designated charity and allowing their small change to make a big difference.
     </p>
     </div>

Upvotes: 0

Related Questions