Design Problem
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.
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.
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;
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*
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.
yeah, so long if it’s fixed, glad that you’ve fixed that, it looks okay now already :)
I guess I will leave it as it is – why bothering if it’s finally working? *G* Thank you all for the input. ;)