Hey guys my site is <!-- m --><a class="postlink" href="http://www.digitaleyesandears.com/testing/center1.html">http://www.digitaleyesandears.com/testing/center1.html</a><!-- m -->
Whats happening is the bottom menu below the pic is not staying there when i resize the browser window. I know its because I am using abolutes but How can I fix this make it stick and stay to the bottom on the picture frame?
css <!-- m --><a class="postlink" href="http://www.digitaleyesandears.com/testing/general.cssWhy">http://www.digitaleyesandears.com/testi ... ral.cssWhy</a><!-- m --> position it absolute in the first place? Why not just text align center it?Why position it absolute in the first place? Why not just text align center it?
So do this?
#menu {
text-align:center;
left: 50%;
top: 50%;
margin-top: 195px;
width: 900px;
margin-left: -450px;
}
When I do that its way below the viewportjust#menu {
text-align:center;
}just#menu {
text-align:center;
}
Thats getting better but I want it on the bottom edge of the outer black area#Content {
margin:95px auto 0 auto;
width:500px;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}#Content {
margin:95px auto 0 auto;
width:500px;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}
I tried that locally and it didn't do anything
NNEVERMIND got it
#Content {
margin:95px auto 0 auto;
width:500px;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}
BathurstGuy,
Hey I wanted to find out what that auto 0 auto does in the margins? I have never been able to have two divs on top of each other like you did. (Its awsome!!!) And I wanted to know for future reference.well its just short hand for setting margin properties of all 4 sides.
So instead of writing
margin-top:95px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
you can write
margin: 95px auto 0 auto;
(top right bottom left)well its just short hand for setting margin properties of all 4 sides.
So instead of writing
margin-top:95px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
you can write
margin: 95px auto 0 auto;
(top right bottom left)
ok cool but what does the "auto" actually do? Does it allow the content to fill the margins like a balloon? (Sorry just trying to understand the auto keyword)
Whats happening is the bottom menu below the pic is not staying there when i resize the browser window. I know its because I am using abolutes but How can I fix this make it stick and stay to the bottom on the picture frame?
css <!-- m --><a class="postlink" href="http://www.digitaleyesandears.com/testing/general.cssWhy">http://www.digitaleyesandears.com/testi ... ral.cssWhy</a><!-- m --> position it absolute in the first place? Why not just text align center it?Why position it absolute in the first place? Why not just text align center it?
So do this?
#menu {
text-align:center;
left: 50%;
top: 50%;
margin-top: 195px;
width: 900px;
margin-left: -450px;
}
When I do that its way below the viewportjust#menu {
text-align:center;
}just#menu {
text-align:center;
}
Thats getting better but I want it on the bottom edge of the outer black area#Content {
margin:95px auto 0 auto;
width:500px;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}#Content {
margin:95px auto 0 auto;
width:500px;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}
I tried that locally and it didn't do anything
NNEVERMIND got it
#Content {margin:95px auto 0 auto;
width:500px;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}
BathurstGuy,
Hey I wanted to find out what that auto 0 auto does in the margins? I have never been able to have two divs on top of each other like you did. (Its awsome!!!) And I wanted to know for future reference.
well its just short hand for setting margin properties of all 4 sides.So instead of writing
margin-top:95px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
you can write
margin: 95px auto 0 auto;
(top right bottom left)well its just short hand for setting margin properties of all 4 sides.
So instead of writing
margin-top:95px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
you can write
margin: 95px auto 0 auto;
(top right bottom left)
ok cool but what does the "auto" actually do? Does it allow the content to fill the margins like a balloon? (Sorry just trying to understand the auto keyword)