Try to use tex-align center on the body tag and left align in the container
like http://www.maxdesign.com.au/articles/center/ or you'll have to use a
contidtional CSS for IE 7 like http://www.quirksmode.org/css/condcom.html
body, html {
font:18px/30px Verdana, Geneva, sans-serif;
background:#80562d url(images/wallpaper.jpg) repeat;
min-width:960px;
max-width:1400px;
margin:0 auto;
text-align: center;
}
#container {
clear:left;
margin:0 auto;
max-width:1400px;
position:relative;
top:60px;
overflow: hidden;
text-align: left;
}
On Tue, Sep 21, 2010 at 3:02 PM, jenny <[email protected]> wrote:
> What should I do then?
>
> On Sep 21, 8:29 am, Deafninja <[email protected]> wrote:
> > I don't believe IE recognizes min or max widths. In width.
> >
> > Also combining left and right rules for position: fixed will overwrite
> the margin: auto I believe as well
> >
> > M
> >
> > Sent from my iTouch
> >
> > On Sep 20, 2010, at 6:37 PM, jenny <[email protected]> wrote:
> >
> >
> >
> > > Thanks alot Dave,
> >
> > > Well, if I take the max-width: 1204px out, The header will be wider
> > > than the content when the window size is larger than 1400px.
> > > I like to keep the content as well as the header 1204px because I
> > > don't want the content to be so big when the widow size is huge.
> > > Do you have any other suggestion?
> >
> > > On Sep 19, 2:31 am, Legacy Dave <[email protected]> wrote:
> > >> Hi Jenny.
> > >> What happens if you delete the line that says max-width: 1204px?
> >
> > >> I love your site by the way. Very unique!
> >
> > >> On Sep 17, 9:12 pm, jenny <[email protected]> wrote:
> >
> > >>> Hello
> >
> > >>> I am having problem to auto margin my fixed header and footer in IE7.
> > >>> When the width of the window is less than 1400px, everything works
> > >>> fine, however, if the width exceeds 1400px, the header goes out of
> > >>> place.
> >
> > >>> Here's the code for the header
> >
> > >>> <code>
> > >>> header {
> > >>> height:70px;
> > >>> margin:0 auto;
> > >>> min-width:764px;
> > >>> max-width:1204px;
> > >>> background-color:#3f3b2e;
> > >>> position:fixed;
> > >>> top:0px;
> > >>> right:98px;
> > >>> left:98px;
> > >>> z-index:15;
> > >>> }
> > >>> </code>
> >
> > >>> You can view the website here .
> >
> > >>>http://www.jennylu.org
> >
> > >>> I appreciate any help.
> >
> > > --
> > > --
> > > You received this because you are subscribed to the "Design the Web
> with CSS" at Google groups.
> > > To post: [email protected]
> > > To unsubscribe: [email protected] Hide quoted
> text -
> >
> > - Show quoted text -
>
> --
> --
> You received this because you are subscribed to the "Design the Web with
> CSS" at Google groups.
> To post: [email protected]
> To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
