Telagon Sichelputzer
HomeAboutThe ProfessionalsThe ShowThe SphereThe StudyContact

Design Problem

August 27th, 2005 04:47 by Mike Schnoor in Internals

I wonder if anybody has some clue why I cannot find a solution for the following problem in the CSS code in Mozilla: The entire layout should be centered (actually the ID #page), and while being centered, the whole should have a white background, which happens not to be visible without the float: left command. I will leave the temporary settings to meet the best usability for both MS IE and Firefox readers. If anybody has some useful tips or the solution - comment along. Thanks!

Update - The morning after…
I’m fed up with this and created the classic no-no of adding a non-classified DIV and the old CENTER on top of an invisible TABLE to conform both MS IE and Firefox. At least in the most recent versions, it looks good. However, it does not satisfy me yet.

Keywords/Tags: none

Related Posts


Feel free to use this Trackback URL:

6 Responses to “Design Problem”

  1. DemonDeLuxe Says:

    how about div style=”position: absolute; left: 50%; margin-left: -500px;” ?

    Works like a charm for me. Nevertheless, I still use tables as well - it’s just that DIV isn’t the cure for EVERY problem. A sound mixture always does the trick.

  2. anonymuis Says:

    it also don’t satisfy me when i have to use table for the layout or whenever i know the layout doesn’t look as my wish. I mostly use clear:both; in the CSS file for the content. getting it centered: margin-left: auto; margin-right: auto;

  3. Mike Says:

    Thanks! I might give it a try, but it looks quite fine now with the Tables, so… the negative margin might become a problem on old monitors which cannot offer more than 800 pixel in width… I know I’m already wider than that, but well… now I’m just satisfied with the tables *G*

  4. DemonDeLuxe Says:

    Mike, rest assured that I wouldn’t have recommended the center/margin technique if it caused problems with lower resolutions. Check it out: Reduce your screen resolution to 800×600 and check my Eudemonia ;O) -500 was just an example in case you prefer a “1024-optimized” layout. Over here, it’s -390px.

  5. anonymuis Says:

    yeah, so long if it’s fixed, glad that you’ve fixed that, it looks okay now already :)

  6. Mike Says:

    I guess I will leave it as it is - why bothering if it’s finally working? *G* Thank you all for the input. ;)

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

This entry was posted on Saturday, August 27th, 2005 at 04:47 and is filed under Internals.Read the Comment Policy before responding to the post. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.