Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Mar 2004
    Posts
    9
    Member #
    5356
    My God in heaven what is happening here.

    when I initially load said page in IE6.0, the text is left aligned, but if i refresh, it centers it. I don't have this problem in Gecko browsers. I would post the whole css file, but its about 400 lines at this point. I have similar cells that are centered in the same way and they are not affected. The style in question is listed below:

    td.comments1, td.comments2 {
    vertical-align: top;
    width: 55px;
    text-align: center;
    }

    I am at a loss. I have tried moving text-align above the width and vertical-align attributes, but it has no affect. Does anyone have any ideas?

    Regards,
    Zach

  2.  

  3. #2
    Senior Member Physt's Avatar
    Join Date
    Jul 2004
    Posts
    255
    Member #
    6655
    Can you show us the site, and do you want the site to be left or center?
    www.controlalternate.com - Web resources and free templates. www.chaosconcepts.net - Custom web and graphic design.
    www.blog.chaosconcepts.net - My Blog

  4. #3
    Junior Member
    Join Date
    Mar 2004
    Posts
    9
    Member #
    5356
    the site isn't online as of yet and I don't have a host arranged just yet.

    I want the text to be centered inside the td. Only after a refresh does it appear correct. I can hit the back button and then go forward and it resends the page headers and again it won't be centered until I refresh.

    It is just wierd. I am starting to put my bets on an IE6 bug.

  5. #4
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    So, you've got a complex question but choose to not post the css or the page? Sorry man, can't help you.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  6. #5
    Senior Member justlivyalife's Avatar
    Join Date
    Jul 2003
    Location
    Birmingham, UK
    Posts
    2,871
    Member #
    2374
    Can you attach the files to a post here at WDF, that way help should be slightly easier
    justlivyalife - The future depends on what we do in the present. (Mahatma Gandhi)
    WDF Resources: WDF Rules
    Non-WDF: JavascriptSource | Dynamic Drive | phpBB | HTML-Kit | Winamp | Download Firefox | Morguefile

  7. #6
    Junior Member
    Join Date
    Mar 2004
    Posts
    9
    Member #
    5356
    Okay here is the css file and I have attached the culprit page as an .html file which I had to modify quite a bit from it's original .php form. The text that wouldn't center on the first page load is contained in the TD tags below the Comments TH. IE6.0 stopped having a problem centering the text when I saved the file as an .html. It was originally a .php file. I have put dummy values in so you can see what it should look like. I don't know why IE isn't displaying it properly in .php format unless you reload the page.

    Code:
    /* CSS Document */
    body {
    	/* must center at the body level for IE6 */
    	text-align: center;
    	margin: 0;
    	font-size: small;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	background-image: url(../images/layout/zbg.jpg);
    	background-repeat: repeat-x;
    }
    /* gecko and ie6 font sizes don't correlate, so hide this style from non-ie browsers */
    * html body {
    	font-size: x-small;
    } 
    form {
    	margin: 0;
    }
    img {
    	margin: 0;
    }
    a {
    	color: #000;
    }
    a:hover {
    	color: #314D74;
    }
    h1 {
    	margin-top: -4px;
    	margin-right: 5px;
    	margin-bottom: 0;
    	font-size: large;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	float: left;
    }
    * html h1 {
    	font-size: medium;
    }
    /***** DIVIES ******/
    #outerContainer {
    	width: 516px;
    	padding-top: 10px;
    	margin: 0 auto;
    	/* so that ie doesn't center everything inside the container */
    	text-align: left;
    }
    #container {
    	width: 514px;
    	border: 1px solid #757171;
    	background-color: #fff;
    	padding: 4px 7px 7px 7px;
    	margin-top: -5px;
    	clear: both;
    }
    #loginContainer {
    	width: 514px;
    	height: 300px;
    	border: 1px solid #757171;
    	background-color: #fff;
    	padding: 4px 7px 7px 7px;
    	margin-top: -5px;
    	clear: both;
    }
    #post {
    	border: 1px solid #DCE0E0;
    	text-align: center;
    	width: 510px;
    	margin-top: -8px; 
    }
    #loginPost {
    	border: 1px solid #DCE0E0;
    	text-align: center;
    	width: 510px;
    	height: 290px;
    	margin-top: -8px; 
    }
    #title {
    	border: 1px solid #DCE0E0;
    	text-align: center;
    	padding: 8px 0 8px 0;
    	width: 245px;
    	margin-top: -8px;
    	margin-bottom: 7px;
    }
    #shortcuts {
    	text-align: left;
    	margin: 10px 0 10px 62px;
    }
    #innerContainer {
    	border: 1px solid #DCE0E0;
    	width: 496px;
    	min-height: 300px;
    	height: 300px;
    	padding: 7px;
    	margin-top: -8px;
    }
    #postResult {
    	border: 1px solid #DCE0E0;
    	text-align: center;
    	margin-top: 4px;
    	margin-bottom: 4px;
    	width: 510px;
    	height: 290px;
    }
    #tabs {
    	padding-top: 2px;
    	height:26px;
    }
    input.title {
    	padding: 2px;
    	width: 234px;
    	border: 1px solid #757171;
    }
    textarea.post {
    	width: 500px;
    	height: 225px;
    	border: 1px ridge #D7D4D4;
    	padding: 2px;
    	background: #F4F3F3;
    }
    /***** button styles *****/
    .submit {
    	background-color: #F4F3F3;
    	font-weight: bold;
    	border: 1px solid #D7D4D4;
    	padding: 2px;
    	margin-right: 7px;  
    }
    #postButtons {
    	text-align: left;
    	margin: 5px 5px 5px 5px;
    }
    .launchBtn, .launchDraftBtn, .saveBtn, .deleteBtn, .otherBtn, .loginBtn, .closeBtn {
    	padding: 3px 4px; 
    	background-color: #F4F3F3;
    	border: 1px solid #D7D4D4;
    	text-decoration: none;
    	color: #000;
    }
    .otherBtn {
    	margin-left: 1px;
    }
    .launchBtn, .launchDraftBtn {
    	width: 68px;
    	height: 25px;
    	margin-right: 4px;
    	font-weight: bold;
    }
    .launchDraftBtn {
    	width: 105px;
    }
    .saveBtn {
    	width: 100px;
    	height: 25px;
    	margin-left: -2px;
    }
    .deleteBtn {
    	margin-left: 388px;
    	width: 112px;
    	margin-bottom: 5px;
    }
    .loginBtn {
    	margin: 3px;
    	width: 65px;
    	margin-left: -12px;
    }
    .closeBtn {
    	width: 65px;
    }
    * html .loginBtn {
    	margin-left: 5px;
    }
    .launchBtn:hover, .launchDraftBtn:hover, .saveBtn:hover, .otherBtn:hover, .deleteBtn:hover, .loginBtn:hover, .closeBtn:hover {
    	border-color: #000;
    	color: #000;
    }
    .middleSubmit {
    	display: block;
    	width: 450px;
    	margin: 115px auto;
    }
    .middleDelete {
    	display: block;
    	width: 450px;
    	margin: 100px auto;
    }
    .error {
    	display: block;
    	width: 450px;
    	margin: 25px auto;
    	color: #993333;
    }
    /***** menu tab styles *****/
    a.otherTab, a.leftTab {
    	width: 75px;
    	height: 17px;
    	margin-left: 5px;
    	padding-top: 3px;
    	border: 1px solid #757171;
    	float: left;
    	background: #F4F3F3;
    	text-decoration: none;
    	text-align: center;
    }
    a.otherTab:hover, a.leftTab:hover {
    	margin-top: -2px;
    	height: 19px;
    	background: #fff;
    	color: #000;
    }
    * html a.otherTab:hover {
    	height: 22px;
    }
    * html a.leftTab:hover {
    	height: 22px;
    }
    a.leftTab {
    	margin-left: 45px;
    }
    /* list style for currently displayed tab page */
    ul.tabList {
    	list-style-type: none;
        padding: 0;
    	margin: 0;
    }
    li.currentTab, li.leftTab {
    	float: left;
    	width: 75px;
    	height: 19px;
    	margin-top: -2px;
    	padding-top: 2px;
    	background: #fff;
    	border: 1px solid #757171;
    	border-bottom-color: #fff;
    	margin-left: 5px;
    	text-align: center;
    }
    * html li.currentTab {
    	height: 21px;
    }
    li.leftTab {
    	margin-left: 45px;
    }
    /***** post modification table styles *****/
    table.postList {
    	margin: 5px 2px;
    }
    th.tHead, th.vHead, th.eHead, th.dHead {
    	padding-bottom: 3px;
    }
    /* titleLong1 is for longer draft title td */
    td.title1, td.titleLong1, td.comments1, td.edit1, td.delete1 {
    	background: #F0F0F0;
    	padding: 3px;
    }
    td.title2, td.titleLong2, td.comments2, td.edit2, td.delete2 {
    	background: #FCFAFA;
    	padding: 3px;
    }
    td.title1, td.title2 {
    	width: 312px;
    	vertical-align: top;
    }
    td.titleLong1, td.titleLong2 {
    	width: 365px;
    	vertical-align: top;
    }
    td.comments1, td.comments2 {
    	text-align: center;
    	vertical-align: top;
    	width: 55px; 
    }
    td.edit1, td.edit2 {
    	vertical-align: top;
    	width: 55px; 
    	text-align: center;
    }
    td.delete1, td.delete2 {
    	text-align: center;
    	width: 55px; 
    }
    /****** this is a generic capsule for whatever ******/
    .surround {
    	border: 1px solid #DCE0E0;
    	text-align: left;
    	padding: 8px 5px;
    	margin-top: -8px;
    	margin-bottom: 7px;
    }
    .subContainer {
    	border: 1px solid #DCE0E0;
    	text-align: left;
    	padding: 1px 5px;
    	margin-top: -8px;
    	margin-bottom: 7px;
    }
    /***** login page styles *****/
    #loginInnerContainer {
    	margin: 75px auto 10px auto;
    	text-align: center;
    	width: 220px;
    	height: 85px;
    	border: 1px solid #DCE0E0;
    	padding: 7px;
    }
    input.login {
    	width: 150px;
    	padding: 2px;
    }
    .loginText {
    	display: block;
    	width: 220px;
    	text-align: right;
    	margin-right: 5px;
    	margin-bottom: 2px;
    	padding-top: 2px;
    }
    .overLine {
    	margin-left: 5px;
    	padding-right: 3px;
    	padding-left: 3px;
    	background-color: #fff;
    }
    a.logout {
    	float: right;
    	margin-right: -10px;
    }
    * html a.logout {
    	margin-right: 0;
    }
    .loginMessage {
    	color: #660000;
    }


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:20 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com