SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Apr 2004
    Location
    UK
    Posts
    218
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout Problem in Anything But Firefox

    I've encountered an issue which has me stuck.

    In Firefox, (PR1) the page acts exactly as I would expect it to.

    In Opera (7.54) and IE (6) however, the right hand div drops down below and to the left.

    Page in Question

    The CSS File

    Any idea how I can resolve this issue?

    Thanks.

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

    The right hand element has dropped down because you have put it outside the template container which is 760px wide. You need to move the right column inside the template_container style. You also need to clear the floats for mozilla.

    Match the bottom of the code to this.


    Code:
    			here. A short summary of the tutorials description goes here.</li>
    		</ul>
    	  </div>
    	</div>
      <div id="menu-container"> Testing Menu Div </div>
    	<br style="clear: both" />
     </div>
    Now you will also notice that the background is white which is what you have specified in template container. Mozilla wan't extending it correctly. You can change the color to suit of course but now you know its working as it should.

    Tried and tested - so if it doesn't work then you have copied something incorrectly

    Paul

  3. #3
    SitePoint Addict
    Join Date
    Apr 2004
    Location
    UK
    Posts
    218
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B
    Hi,
    Tried and tested - so if it doesn't work then you have copied something incorrectly
    You're a star as always. Worked first time. Thank you very much.


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
  •