Html/CSS coding question

Xenos

Member
Feb 12, 2000
72
0
0
How does one code a web page html/css to ensure that when the maximize button is pressed the page drops into the middle of the computer screen instead of settling to the left or right side of the screen? Assuming the page fits onto a colored background.
 

Xenos

Member
Feb 12, 2000
72
0
0
Thanks buddy, works perfectly in chrome and firefox; still cant get it to work in ie. As you said problem seems to be in the doctype declaration. Tried it in 'transitional 4.0' as well as without, e.g. html 4.01.
 

LightningRider

Senior member
Feb 16, 2007
558
0
0
You should use the XHTML Strict DOCTYPE, you might try that. If not it's better to write XHTML anyways.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


If it doesn't work, then you can use text-align: center;

Like this:

HTML:

<div class="outerContainer">
<div class="innerContainer">
<p>Your Stuff</p>
</div>
</div>

CSS:

div.outerContainer { width: 980px; margin: 0 auto; text-align: center; } /* This will center the outerContainer in IE6, obviously set the width to whatever you want */
div.outerContainer div.innerContainer { text-align: left; }

You can use two divs for this because that way the 2nd div (innerContainer) will reset the text-align property to 'left'. You can also put floats etc on the innerContainer. That's how I usually do it anyways.

But for IE7, I know that when using the XHTML Strict DOCTYPE, you don't need text-align: center, the margin: 0 auto will work. Sometimes it works in IE6 too... lol but I've seen IE6 not work for whatever reason. Infact I've seen it do unbelievable things. IE6 is a ridiculous browser by today's standards.

Anyways, that should help.
 

Xenos

Member
Feb 12, 2000
72
0
0
Thanks LightningRider, am running IE7 right now, will look into the differences 'tween html and xhtml and convert to latter. Seems the way to go. Will try yr suggestions when I get off from work.
 
sale-70-410-exam    | Exam-200-125-pdf    | we-sale-70-410-exam    | hot-sale-70-410-exam    | Latest-exam-700-603-Dumps    | Dumps-98-363-exams-date    | Certs-200-125-date    | Dumps-300-075-exams-date    | hot-sale-book-C8010-726-book    | Hot-Sale-200-310-Exam    | Exam-Description-200-310-dumps?    | hot-sale-book-200-125-book    | Latest-Updated-300-209-Exam    | Dumps-210-260-exams-date    | Download-200-125-Exam-PDF    | Exam-Description-300-101-dumps    | Certs-300-101-date    | Hot-Sale-300-075-Exam    | Latest-exam-200-125-Dumps    | Exam-Description-200-125-dumps    | Latest-Updated-300-075-Exam    | hot-sale-book-210-260-book    | Dumps-200-901-exams-date    | Certs-200-901-date    | Latest-exam-1Z0-062-Dumps    | Hot-Sale-1Z0-062-Exam    | Certs-CSSLP-date    | 100%-Pass-70-383-Exams    | Latest-JN0-360-real-exam-questions    | 100%-Pass-4A0-100-Real-Exam-Questions    | Dumps-300-135-exams-date    | Passed-200-105-Tech-Exams    | Latest-Updated-200-310-Exam    | Download-300-070-Exam-PDF    | Hot-Sale-JN0-360-Exam    | 100%-Pass-JN0-360-Exams    | 100%-Pass-JN0-360-Real-Exam-Questions    | Dumps-JN0-360-exams-date    | Exam-Description-1Z0-876-dumps    | Latest-exam-1Z0-876-Dumps    | Dumps-HPE0-Y53-exams-date    | 2017-Latest-HPE0-Y53-Exam    | 100%-Pass-HPE0-Y53-Real-Exam-Questions    | Pass-4A0-100-Exam    | Latest-4A0-100-Questions    | Dumps-98-365-exams-date    | 2017-Latest-98-365-Exam    | 100%-Pass-VCS-254-Exams    | 2017-Latest-VCS-273-Exam    | Dumps-200-355-exams-date    | 2017-Latest-300-320-Exam    | Pass-300-101-Exam    | 100%-Pass-300-115-Exams    |
http://www.portvapes.co.uk/    | http://www.portvapes.co.uk/    |