SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE 6 layout problems

    Hi. I am a new member on this forum.
    I am an Italian and I do not speak well English.
    I will try to explain itself.

    I have created this layout (whith css) and I have problems of visualization with Internet Explorer 6.



    How I can resolve this problem?

    thanks to all.

  2. #2
    SitePoint Evangelist Ed Seedhouse's Avatar
    Join Date
    Aug 2006
    Location
    Victoria, B.C. Canada
    Posts
    592
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are doing about everything wrong, so the result is no surprise.

    Your doctype leaves IE6 in "quirks" mode where it renders block heights and widths in a non-standard way. Get a correct doctype.

    You don't have a character type, you need one.

    You really must get your code valid. CSS is predicated upon valid html and cannot be relied upon unless your html is valid.

    You really need to understand more about html and css before you try to fix things - read the FAQs and other fixed threads in the various forums for a start.
    Ed Seedhouse

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The missing text errors in your image are "layout" errors see faq on "haslayout". You can cure them by adding a dimension as shown below.

    The gap is caused by the form pushing the content down and you could instead shift the element into position like this.

    Code:
    #search {
    	height: 32px;
    	margin: 0 0 0 20px;
    	float: left;
        position:relative;
    	top:25px;
    }
    
    div.track {
    	font-size: 10px;
    	padding: 5px 0px 3px 5px;
    }
    /* mac hide \*/
    * html .track,* html .title{height:1%}
    /* end hide */
    You should still heed Ed's advice above though

  4. #4
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B
    Hi,

    The missing text errors in your image are "layout" errors see faq on "haslayout". You can cure them by adding a dimension as shown below.

    The gap is caused by the form pushing the content down and you could instead shift the element into position like this.

    Code:
    #search {
    	height: 32px;
    	margin: 0 0 0 20px;
    	float: left;
        position:relative;
    	top:25px;
    }
    
    div.track {
    	font-size: 10px;
    	padding: 5px 0px 3px 5px;
    }
    /* mac hide \*/
    * html .track,* html .title{height:1%}
    /* end hide */
    You should still heed Ed's advice above though
    thanks a lot for the explanation and the solution.
    good day and thanks still.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •