Webmaster Forum

Sponsored Reviews   Advertise Here   V7N Directory
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum
CSS problem - 3 column layout CSS problem - 3 column layout
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Coding Forum Problems with your code? Let's hear about it.

Reply
 
LinkBack Thread Tools Display Modes
Old 05-17-2004, 10:58 PM   #1 (permalink)
Inactive
 
Join Date: 01-05-04
Location: Detroit
Posts: 166
iTrader: 0 / 0%
Latest Blog:
None

al2six is liked by somebodyal2six is liked by somebodyal2six is liked by somebody
CSS problem - 3 column layout
I'm trying to use divs to make a 3 column layout. The problem I'm having is that when the middle column is longer than the two side divs, the middle column expands, taking up 100% of the screen width.

take a look at this and scroll down if you don't understand what I mean: http://mobilephonereviews.us/mobile-...ews/alltel.php

Does anyone know how I can keep the middle column a uniform width without giving it a definite pixel value? thanks!
al2six is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Old 05-18-2004, 03:50 AM   #2 (permalink)
Moderator
 
LazyJim's Avatar
 
Join Date: 10-13-03
Location: UK
Posts: 2,819
iTrader: 0 / 0%
Latest Blog:
None

LazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to all
Send a message via MSN to LazyJim
Try this: give it margins on the sides the same width as your side columns, and make sure it is behind the side columns also.
__________________

-LJ-

My advice is to look at each case individually, with an informed mind and an appropriately balanced and objective viewpoint.

Web Design and Development, Ipswich, UK.
My deviantArt
LazyJim is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 08:01 AM   #3 (permalink)
Contributing Member
 
FGTH's Avatar
 
Join Date: 03-06-04
Location: NY, CT, CA, AZ
Posts: 522
iTrader: 0 / 0%
Latest Blog:
None

FGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to all
Try this
1) Avoid using reserved terms such as left, right, center since these are common terms used in HTML.
change "#left" to "#left-column"
change "#right" to "#right-column"
change "#center" to "#center-column"

change "<div id="left"> to <div id="left-column">
change "<div id="right"> to <div id="right-column">
change "<div id="center"> to <div id="center-column">

2) Use the following style sheet.. I modified the style sheet
[code:1:3419db904e]<style>
#left-column { float:left; width:144px; margin-right:8px; background-color:#ffffff; height:100%; bottom:0px;}
#right-column { float:right; width:120px; margin:0px auto; background-color:#ffffff; margin-left:8px; height:100%; bottom:0px;}
#center-column { font-family:arial, helvetica, sans-serif; color:#000000; font-size:12px; padding-right:8px; padding-left:8px; background-color:#ffffff; height:100%; bottom:0px;}
#container { width:100%; margin:0px auto; background-color:#ffffff; }
#reviewheading { width:97%; padding-left:4px; background-color:#AF1717; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:12px; font-weight :bold; }
#review { width:97%; padding:4px; background-color:#E8E8E8; font-family:arial, helvetica, sans-serif; color:#000000; font-size:11px; }
td.nav { border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; padding-right:14px; padding-left:14px; background-color:#A9A9A9; height:17px; font-weight:bold; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:11px; }
a.topnav1:link { text-decoration:none; color:#ffffff; background-color:transparent}
a.topnav1:visited { text-decoration:none; color:#ffffff; background-color:transparent}
a.topnav1:hover { text-decoration:underline; color:#AF1717; background-color:transparent}
a.navtop1:link { text-decoration:none; color:#000000; background-color:transparent}
a.navtop1:visited { text-decoration:none; color:#000000; background-color:transparent}
a.navtop1:hover { text-decoration:underline; color:#AF1717; background-color:transparent}
.small { font-family:Verdana, Helvetica, sans-serif; color:#000000; font-size:1px; }
h1 { font-family:arial, helvetica, sans-serif; padding-bottom=0; color:#AF1717; font-size:19px; font-weight :bold; }
h2 { font-family:arial, helvetica, sans-serif; padding-bottom=0; color:#A9A9A9; font-size:14px; font-weight :bold; }
td.navhead { border-bottom:1px solid #ffffff; background-color:#AF1717; padding-left:4px; width:140px; height:21px; font-weight:bold; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:11px; }
td.navnorm { border-bottom:1px solid #ffffff; background-color:#E8E8E8; padding-left:15px; width:140px; height:21px; font-family:arial, helvetica, sans-serif; color:#000000; font-size:11px; }
</style>[/code:1:3419db904e]
3) You should save the style sheet in an external file.

Call it from the page. Name the file "alltel.css" and save it on your web-root directory.

Insert the following line within the <head> </head> section of your page.

[code:1:3419db904e]<link href="alltel.css" rel="stylesheet" type="text/css" title="Alltel Reviews Style">[/code:1:3419db904e]

4) To see the working page...
[code:1:3419db904e]<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>Alltel Reviews - Mobile Phone Reviews</Title>
<meta NAME="MSSmartTagsPreventParsing" CONTENT="TRUE">
<meta NAME="rating" CONTENT="General">
<meta NAME="MS.LOCALE" CONTENT="EN-US">
<meta NAME="CATEGORY" CONTENT="home page">
<meta NAME="robots" CONTENT="index,follow">
<meta http-equiv="Classification" CONTENT="tools">
<meta NAME="URL" CONTENT="http://mobilephonereviews.us">
<meta NAME="revisit-after" CONTENT="10 days">
<meta NAME="VW96.objecttype" CONTENT="Alltel, Alltel, mobile phone, mobile phones, reviews, mobile phone reviews, nokia, audiovox, cingular, verizon, at&t, nextel, alltel, t-mobile, tmobile, mobile, cell, cell phone, mobile phone">
<meta NAME="DC.Title" CONTENT="Alltel, Alltel, mobile phone, mobile phones, reviews, mobile phone reviews, nokia, audiovox, cingular, verizon, at&t, nextel, alltel, t-mobile, tmobile, mobile, cell, cell phone, mobile phone">
<meta NAME="DC.Description" CONTENT="Alltel, Alltel, mobile phone, mobile phones, reviews, mobile phone reviews, nokia, audiovox, cingular, verizon, at&t, nextel, alltel, t-mobile, tmobile, mobile, cell, cell phone, mobile phone">
<meta NAME="DC.Coverage.PlaceName" CONTENT="Global">
<!-- Alltel, Alltel, mobile phone, mobile phones, reviews, mobile phone reviews, nokia, audiovox, cingular, verizon, at&t, nextel, alltel, t-mobile, tmobile, mobile, cell, cell phone, mobile phone\ -->
<meta name="Audience" content="Alltel, Alltel, mobile phone, mobile phones, reviews, mobile phone reviews, nokia, audiovox, cingular, verizon, at&t, nextel, alltel, t-mobile, tmobile, mobile, cell, cell phone, mobile phone">
<style>
#left-column { float:left; width:144px; margin-right:8px; background-color:#ffffff; height:100%; bottom:0px;}
#right-column { float:right; width:120px; margin:0px auto; background-color:#ffffff; margin-left:8px; height:100%; bottom:0px;}
#center-column { font-family:arial, helvetica, sans-serif; color:#000000; font-size:12px; padding-right:8px; padding-left:8px; background-color:#ffffff; height:100%; bottom:0px;}
#container { width:100%; margin:0px auto; background-color:#ffffff; }
#reviewheading { width:97%; padding-left:4px; background-color:#AF1717; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:12px; font-weight :bold; }
#review { width:97%; padding:4px; background-color:#E8E8E8; font-family:arial, helvetica, sans-serif; color:#000000; font-size:11px; }
td.nav { border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; padding-right:14px; padding-left:14px; background-color:#A9A9A9; height:17px; font-weight:bold; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:11px; }
a.topnav1:link { text-decoration:none; color:#ffffff; background-color:transparent}
a.topnav1:visited { text-decoration:none; color:#ffffff; background-color:transparent}
a.topnav1:hover { text-decoration:underline; color:#AF1717; background-color:transparent}
a.navtop1:link { text-decoration:none; color:#000000; background-color:transparent}
a.navtop1:visited { text-decoration:none; color:#000000; background-color:transparent}
a.navtop1:hover { text-decoration:underline; color:#AF1717; background-color:transparent}
.small { font-family:Verdana, Helvetica, sans-serif; color:#000000; font-size:1px; }
h1 { font-family:arial, helvetica, sans-serif; padding-bottom=0; color:#AF1717; font-size:19px; font-weight :bold; }
h2 { font-family:arial, helvetica, sans-serif; padding-bottom=0; color:#A9A9A9; font-size:14px; font-weight :bold; }
td.navhead { border-bottom:1px solid #ffffff; background-color:#AF1717; padding-left:4px; width:140px; height:21px; font-weight:bold; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:11px; }
td.navnorm { border-bottom:1px solid #ffffff; background-color:#E8E8E8; padding-left:15px; width:140px; height:21px; font-family:arial, helvetica, sans-serif; color:#000000; font-size:11px; }
</style>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0">
<div id="container">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" style="height:5px;background-color:#AF1717;border-top:1px solid #FFFFFF;" class="small">&nbsp;</td>
</tr>
<tr>
<td align="left" width="258" valign="top" style="height:66px;background-image:url(images/bg.jpg);"><img alt="Mobile Phone Reviews" src="images/header.jpg"></td>
<td align="right" style="height:66px;background-image:url(images/bg.jpg);"><img src="images/sbd.jpg"></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="width:125px;" class="nav"><a class="topnav1" href="index.php">Mobile Phone Reviews</a></td>
<td style="width:140px;" class="nav"><a class="topnav1" href="top-rated-phones.php">Top Rated Mobile Phones</a></td>
<td style="width:152px;" class="nav"><a class="topnav1" href="top-rated-providers.php">Top Rated Mobile Providers</a></td>
<td style="width:38px;" class="nav"><a class="topnav1" href="search.php">Search</a></td>
<td class="small" style="background-color:#A9A9A9;border-bottom:1px solid #FFFFFF;">&nbsp;</td>
</tr>
<tr>
<td colspan="5" style="height:4px;background-color:#AF1717;" class="small">&nbsp;</td>
</tr>
</table>
<span class="small"><br></span>
<div id="left-column">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="navhead">Mobile Service Providers</td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="alltel.php">Alltel</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="at&t.php">AT&T</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="cingular.php">Cingular</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="nextel.php">Nextel</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="sprint-pcs.php">Sprint PCS</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="tmobile.php">TMobile</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="us-cellular.php">US Cellular</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="verizon.php">Verizon</a></td>
</tr>
<tr>
<td class="navhead">Mobile Phones</td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="audiovox.php">Audiovox</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="kyocera.php">Kyocera</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="lg-mobile.php">LG Mobile</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="motorola.php">Motorola</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="nokia.php">Nokia</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="samsung.php">Samsung</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="sanyo.php">Sanyo</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="siemens.php">Siemens</a></td>
</tr>
<tr>
<td class="navnorm"><a class="navtop1" href="sony-ericsson.php">Sony Ericsson</a></td>
</tr>
</table>
</div>
<div id="right-column">
<script type="text/javascript">
<!--
google_ad_client = "pub-8872439879453765";google_ad_width = 120;google_ad_height = 600;google_ad_format = "120x600_as";google_ad_channel ="3797227543";google_color_border = "AF1717";google_color_bg = "E8E8E8";google_color_link = "000000";google_color_url = "000000";google_color_text = "000000";//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<div id="center-column">
<h1>Alltel Reviews</h1><table width="400"><tr><td class="content"><a href="/mobile-phone-reviews/alltel.php#reviews">Alltel Reviews</a><br><a href="Alltel-phones.php">Alltel Phones</a><br></td><td><img src="Alltel.jpg"></td></tr></table><br><br><h2>About Alltel</h2><strong>Alltel</strong> user rating: <img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><br><br><strong>ALLTEL</strong> is a customer-focused communications company with more than 12 million customers and nearly $8 billion in annual revenues. <strong>ALLTEL</strong> provides mobile, local telephone, long-distance, Internet and high-speed data services to residential and business customers in 26 states.<br><br>
<strong>ALLTEL Communications Products</strong> is one of the nation's largest and most dependable providers of communications products and services, with more than 50 years of experience. Thanks to relationships with hundreds of equipment manufacturers worldwide, we're able to offer our customers thousands of high-demand items through a nationwide network of regional distribution and communications products centers. <strong>ALLTEL</strong> offers flexible and competitively priced leasing programs and has developed product resources and expert technical support for the expanding mobile phone industry.
<a name="reviews"><h2>Alltel Reviews</h2>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Andrew</strong>, Nebraska</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">I have been a long time customer of Alltels. I have had a phone with them for about 5 years. My dad has had the same # with them for about 14 years. They have always come thru in the end. There is always going to be billing issues or what ever issues. The point is do you get service, do you get a fair deal and do you have what you can afford. There is a lot of people who say i want 7 pm or this or that. But they don't relize what that may cost them in the end. <br><br>
Kyocera 3250, Toshiba 9500, Timeport, and Talkabout</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>andy</strong>, phx az</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">i love my service just wish the offered unlimited text because i pay about an extra thirty a month in over texting</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Chirs</strong>, Kansas City</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">I hate this company. Dont get burned by alltel.</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Chris </strong>, Arkansas</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">I like Alltel But Cingular kicks ass!!<br>
I get too many droped calls with Alltel
</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Chris</strong>, West Virginia</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">Alltel and I have had disagreements and they need to step up with newer phones, but the service is perfect. My dropped calls are minimal on a V60i. Other phones on the same service do not share my luck, but for the most part Alltel's ability to keep you up and going is outstanding. Billing on the other hand has had some issues, but mostly resolved in the end. I recommend to anyone locally for picking up signal in areas that are rural and metro alike.</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Dennis</strong>, Arizona</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">Have to use 'Home Only' setting so I don't roam into Mexico. This limits my calling and receiving abilities. If their satellite is so smart as not to allow me to call from Mexico, then why does it roam me to Mexico? There 'customer service' acts like they are doing you a great service by refunding the roaming charges. My plan says no roaming charges!</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Daniel</strong>, Arkansas</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">Alltel is the best cellular company on the market today as far as i'm concerned i switched from Cingular to Alltel and am much more satisfied better call quality a local number for my phone and better features and a better phone for a lower price i recomment Alltel for anyone.</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Mea </strong>, Wisconsin</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">I really like AllTel. There has been only one place where I haven't been able to pick up a signal and that's 20 miles down the road on interstate I-94. I also wish they would start evening hours at 7pm like Sprint. It just makes more sense.</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Mike</strong>, Michigan</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">I have to agree with Phil...in all my travel, limited as they are, I have never been anywhere that I wasn't in alltel's home or roaming area. I have been the one who everyone asks...can I use your phone? I have a national plan, and have not paid one roaming cent in the states...the only time I did when I was up by lake superior and roamed into canada. Their customer service has been really good, billing very accurate..and I can't think of one single thing to complain about.</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Jessica</strong>, Arkansas</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">I hate it ..the connection is always dropping ,...Im switching to cingular!!!</td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Tim</strong>, Michigan</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star-empty.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">I just recently got the Alltel cell phone and found it works much better than Sprint. Alltel's network is the best compared to other providers as far as coverage goes. The only thing I wish now that Alltel would start there night minutes at 7 pm instead of 9 pm like Sprint is currenty offering. </td></tr></table><br>
<table width="375" style="BORDER-COLLAPSE: collapse;" cellpadding="5" bordercolor="#D2D2D2" border="1">
<tr>
<td width="350" style="background-color:#F7F7F7;" class="content"><strong>Phil</strong>, North Carolina</td><TD style="background-color:#F7F7F7;" align="right"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"><img src="http://wireless-phone-reviews.com/wireless-phone-reviews/images/star.gif"></td></tr><tr><td colspan="2" style="background-color:#F7F7F7;" class="content">Alltel is simply the best choice if you want dependable service and coverage. I have been an Alltel customer for 5 years, and a cellular user for nearly 15 years. Alltel has excellent coverage in their home areas, and access to the best roaming networks availiable in the USA. So you can depend on it when you're traveling, anywhere in the country, it just works. While coverage is not perfect with any carrier, my Alltel phone is always the one that works, when no one else does, so be prepared to let people use your phone when theirs won't work, I've been doing it for years. No I don't work for Alltel, or have any affiliation with them, I'm just a long time customer that is very satisfied.</td></tr></table><br>
<br><br>
<h2>Write a review for Alltel</h2>
<form action="review2.php" method="post">
<table>
<tr>
<td class="content">Name:*</td>
<td><input class="content" size="25" type="text" name="name"></td>
</tr>
<tr>
<td class="content">Location:</td>
<td><input class="content" size="25" type="text" name="location"></td>
</tr>
<tr>
<td class="content">Rating:*</td>
<td><select class="content" name="rating"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option> 1=worst, 5=best</td>
</tr>
<tr>
<td valign="top" class="content">Your review:*</td>
<td><textarea name="review" rows="6" cols="40" class="content"></textarea></td>
</tr>
</table>
<input type="hidden" name="product" value="Alltel">
<input class="content" type="submit" value="Submit">
</form>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>[/code:1:3419db904e]
__________________
"90% of the game is half mental."
--Yogi Berra
Elizabeth Arden Blog
FGTH is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 09:05 AM   #4 (permalink)
Inactive
 
Join Date: 10-13-03
Posts: 275
iTrader: 0 / 0%
Latest Blog:
None

Distorted is on the right pathDistorted is on the right path
One way which I've preached a few times is to use absolute positioning to make it fluid. It may seem contradictory, but it works for me.

What I would do is position it's left side to whatever the left column's width is, and position it's right side to whatever the right column's width is.

So, it'll look like this:

[code:1:5ff1840d1f]
#centerColumn {
position: absolute;
left: 144px;
right: 120px;
}
[/code:1:5ff1840d1f]

Hope this helps some.
Distorted is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 10:16 AM   #5 (permalink)
Inactive
 
Join Date: 01-05-04
Location: Detroit
Posts: 166
iTrader: 0 / 0%
Latest Blog:
None

al2six is liked by somebodyal2six is liked by somebodyal2six is liked by somebody
wow thanks for all the help!
al2six is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 03:56 PM   #6 (permalink)
Moderator
 
LazyJim's Avatar
 
Join Date: 10-13-03
Location: UK
Posts: 2,819
iTrader: 0 / 0%
Latest Blog:
None

LazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to all
Send a message via MSN to LazyJim
Do you not find IE ignores either left or right when absolute positioning and setting BOTH?


FGTH - go easy on the pasting in reams of code!
- use a real page and link to it!
also encclose code in
Code:
 and
tags!
__________________

-LJ-

My advice is to look at each case individually, with an informed mind and an appropriately balanced and objective viewpoint.

Web Design and Development, Ipswich, UK.
My deviantArt
LazyJim is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 04:08 PM   #7 (permalink)
Moderator
 
LazyJim's Avatar
 
Join Date: 10-13-03
Location: UK
Posts: 2,819
iTrader: 0 / 0%
Latest Blog:
None

LazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to all
Send a message via MSN to LazyJim
u could always look at bluerobot.com http://bluerobot.com/web/layouts/layout3.html
__________________

-LJ-

My advice is to look at each case individually, with an informed mind and an appropriately balanced and objective viewpoint.

Web Design and Development, Ipswich, UK.
My deviantArt
LazyJim is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 04:35 PM   #8 (permalink)
Inactive
 
Join Date: 10-13-03
Posts: 275
iTrader: 0 / 0%
Latest Blog:
None

Distorted is on the right pathDistorted is on the right path
Quote:
Do you not find IE ignores either left or right when absolute positioning and setting BOTH?
It works fine for me in IE.

Edit:

Example below works in IE:

http://www.freewebs.com/light-blue/test/index.htm
Distorted is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 05:21 PM   #9 (permalink)
Moderator
 
LazyJim's Avatar
 
Join Date: 10-13-03
Location: UK
Posts: 2,819
iTrader: 0 / 0%
Latest Blog:
None

LazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to all
Send a message via MSN to LazyJim
parhaps it was an old bug i read about then
__________________

-LJ-

My advice is to look at each case individually, with an informed mind and an appropriately balanced and objective viewpoint.

Web Design and Development, Ipswich, UK.
My deviantArt
LazyJim is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-18-2004, 06:14 PM   #10 (permalink)
Inactive
 
Join Date: 10-13-03
Posts: 275
iTrader: 0 / 0%
Latest Blog:
None

Distorted is on the right pathDistorted is on the right path
Parhaps.

Actually, I don't think I've tried it in anything earlier than IE 6. It might not work in earlier versions.
Distorted is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-19-2004, 06:53 AM   #11 (permalink)
Contributing Member
 
FGTH's Avatar
 
Join Date: 03-06-04
Location: NY, CT, CA, AZ
Posts: 522
iTrader: 0 / 0%
Latest Blog:
None

FGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to all
The problem is due to the three columns being different heights.

When the bottom of the left column ends, the middle column auto-adjusts to the left.

To fix this add height:100%; bottom:0px; to the style sheet for the left, right, and center style definitions.

This works in IE.
__________________
"90% of the game is half mental."
--Yogi Berra
Elizabeth Arden Blog
FGTH is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-21-2004, 02:34 PM   #12 (permalink)
Moderator
 
LazyJim's Avatar
 
Join Date: 10-13-03
Location: UK
Posts: 2,819
iTrader: 0 / 0%
Latest Blog:
None

LazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to allLazyJim is a name known to all
Send a message via MSN to LazyJim
A common problem if you do what what FGTH says, is that it will cause trouble with browsers that correctly follow the W3C spec if you have margins and/or borders set on those 100% height columns. The borders and padding well be set outise the page height, (100% height will make the content and padding fill the full height, but border and margin are added on after that), and apart from looking ugly, srcoll-bars will apear when not needed.
__________________

-LJ-

My advice is to look at each case individually, with an informed mind and an appropriately balanced and objective viewpoint.

Web Design and Development, Ipswich, UK.
My deviantArt
LazyJim is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-22-2004, 07:33 PM   #13 (permalink)
Contributing Member
 
FGTH's Avatar
 
Join Date: 03-06-04
Location: NY, CT, CA, AZ
Posts: 522
iTrader: 0 / 0%
Latest Blog:
None

FGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to allFGTH is a name known to all
Good point.
Older versions of Netscape (pre 6.0) don't support height:100%

Another way would be to add to the columns definition:
height:auto;
bottom:0;
__________________
"90% of the game is half mental."
--Yogi Berra
Elizabeth Arden Blog
FGTH is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum

Reply

« Previous Thread | Next Thread »


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Column Wrapping Problem CountryNaturals Coding Forum 3 10-30-2007 09:15 AM
layout problem white10 Coding Forum 2 06-21-2007 01:20 AM
IE 6 Layout problem Gr8Writer Coding Forum 5 03-03-2007 12:53 AM
Layout problem. canadiancray Coding Forum 10 02-26-2007 10:37 AM
Three column CSS layout right sidebar problems kerflop Coding Forum 1 10-13-2006 11:46 AM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure!