this page, is not displaying how i'd like it in IE or FireFox. What I would like for it to do is have the center column expand from the very top of the browser window, down to the very bottom
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
You will have to set the height of the html and body tags to 100%, and move your header into the content div. Otherwise the height will be 100% of the browser window + header.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
That is a bandaid fix, I would center it using css as I believe that tag is depreciated anyway. Might want to look around, setting the left and right margins to auto for the masterDiv and applying the body {text-align: center } tags should have centered it. I might be missing something though..
When the .sideDiv, .middleDiv, or .rightDiv have enough content to make the page scroll, it does what I like in IE, which is still keep the column from top to bottom of the browser. Firefox doesn't do this. the height is 100% of the page before scrolling, so when you scroll, the column gets cut off at the bottom.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
astions wrote:That is a bandaid fix, I would center it using css as I believe that tag is depreciated anyway. Might want to look around, setting the left and right margins to auto for the masterDiv and applying the body {text-align: center } tags should have centered it. I might be missing something though..
Right on. I don't want to use any "bandaid" fixes"
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
hmm, maybe set the background color to white, or set an overflow property to scroll, that would give you scroll bars though. I would look around for examples on how others do it. I've done it before but I don't have the code any more and I remember it being a pain.
body { text-align: center; }
.masterDiv {
text-align: left;
margin: 0px auto 0px auto;
width: 768px;
}
You were right about this. This made it centered in both FF and IE without the use of the center tags. Yay, thanks.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
- width: 100%; is not needed on the divs. A div will take up 100% width by default.
- #333333; can be shortened to #333.
- In .navButton border: 0px 0px 0px 0px // needs a ; at the end
- border: 0px 0px 0px 0px can be shortened to border:none;
- In any rule 0px can be shortened to 0
- Background-image can be shortened as well: