Left Middle right 3 column first display the contents of the middle column method

Source: Internet
Author: User
Tags join

The following is the implementation of the code, interested friends can copy back to try, but also welcome message exchange. BTW: This and Liu Yan, KESO revision donews.com, the benefit of the Philippines, they are really understand the user needs, understand the site.

<! DOCTYPE HTML public-//w. 3C//DTD XHTML 1.0 transitional//en http://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd >

<style> body{font-size:12px} div{color: #fff}

#m {padding-left:150px} #middle {position:absolute; background:red;width:468px; margin-right:auto; margin-left:auto; padding:0px; }

#left {float:left;background:green;width:140px;height:30px} #right {float:right;background:blue;width:140px}

#all {width:770px margin-right:auto; Margin-left:auto padding:0px; color: #000; background: #ffa200;} #footer {clear: Both;background: #808080; color: #fff} </style> <body> <div id=all>

<div id=m> <div id=middle>

Middle column <br/>  It person's Way Out series Thinking (iii): Improve learning ability and can be held.  [Familiarise] 11th Alexa, who is the next target for hackers? [Lan Ying] 11th ·  It people's way out of the series Thinking (ii): Thinking Innovation strategy and seek to set. [Familiarise] 11th · Thinking of the way out of the IT Person (i): Projects and Jobs [familiarise] 11th • Seagate to join the new generation of notebook purchase rules [Xinhua Mei Tong] 11th • Miko Mi: The Struggle of the sea through the history of a sigh of relief [Zhou Jing Wave] 11th • First launch of rental housing, second-hand housing source RSS Subscription services [Turtle Rabbit Turtle] 11th ·  TOM publishes the first quarter of 2005 results report online [Xinhua Mei Tong] 11th Huang Hua: Do we need to have a meeting? [Huanghua] 11th ·  It person's Way Out series Thinking (iii): Improve learning ability and can be held.  [Familiarise] 11th Alexa, who is the next target for hackers? [Lan Ying] 11th ·  It people's way out of the series Thinking (ii): Thinking Innovation strategy and seek to set. [Familiarise] 11th · Thinking of the way out of the IT Person (i): Projects and Jobs [familiarise] 11th • Seagate to join the new generation of notebook purchase rules [Xinhua Mei Tong] 11th • Miko Mi: The Struggle of the sea through the history of a sigh of relief [Zhou Jing Wave] 11th • First launch of rental housing, second-hand housing source RSS Subscription services [Turtle Rabbit Turtle] 11th ·  TOM publishes the first quarter of 2005 results report online [Xinhua Mei Tong] 11th Huang Hua: Do we need to have a meeting? [Huanghua] 11th

</div> </div>

<div id=left> left column </div> <div id=right> right column <br> </div> <div id=footer> page Bottom </div > </div>

<script language=javascript> document.getElementById (left). Style.height=document.getelementbyid (middle). Scrollheight+px document.getElementById (right). Style.height=document.getelementbyid (middle). scrollHeight+px < /script> </body> </HTML>


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.