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 2 of 2
  1. #1
    Junior Member
    Join Date
    Sep 2005
    Posts
    1
    Member #
    11266
    Hello there. I have my website, Klockster.com coded in the XHTML language and it makes heavy use of CSS. It uses CSS for everything. Lots of DIVs and stuff... It is also coded in PHP - so that it is very dynamic.

    The way I have it set up is this. There is a huge div that contains everything. Then a header, content and footer. The content is divided into two divs, a left navigation menu and a right content-containing div. I have the width on the navigation menu set to 150 and the content column 650. The overall width of the site is set to 800 with auto left and right margins. The background color of the site is an off white - and the content itself floats in a 610px wide div inside the content column. This gives a nice 20px empty space around it. Then that div - which I call contentdivbig has a titlebar div at the top. So there's a lot of DIVs!

    My problem is that it works just fine in every browser EXCEPT internet explorer. For some reason, in all versions of IE, my contentdivbig thing is about 30-40 pixels wider than it should be, and it throws off the width of the whole site. It is also flush up against the navigation menu, where it should have that margin. Any idea why it would do this?

    Do you think I am doing too complicated a layout or what? Or does my code just plain suck? Like I said I can't figure out why it's doing it. I have tried tweaking each and every level of organization of my site with no success. Like I said it works fine on Firefox, Netscape and Camino, my browser of choice. But it will not work on Internet Explorer.

    Also on SOME pages - the footer is right aligned which makes NO sense as if its screwed up on one page it should be screwed up on every page due to the way my site is coded with php. It is all done with includes.

    If anyone has some tips - thanks alot!

  2.  

  3. #2
    Member
    Join Date
    May 2005
    Location
    Rochester, NY
    Posts
    83
    Member #
    10054
    Klockster-
    Offhand, since you say its only in IE, try this Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html IE interprets the widths of boxes (divs) with margins and padding differently than any other browser.
    I think that will help.
    -Mike
    michael murphy
    Professional Web Development
    http://www.letsgomurphys.com/


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 04:20 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com