I am working on a page for a friend and I can't get the pages to stay the same length. My css is linked on the page check it out >
if you have time or are interested please let me know how to fix this
here is the page <!-- m --><a class="postlink" href="http://www.clan-psd.shrapnet.com/cssource/helio/mvp/images.php">http://www.clan-psd.shrapnet.com/cssour ... images.php</a><!-- m -->
mvp.css
thanksStart by fixing the HTML.
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.clan-psd.shrapnet.com/cssource/helio/mvp/images.phpYou">http://validator.w3.org/check?verbose=1 ... ges.phpYou</a><!-- m --> can specify the height of each div id in css to make them match up..e.g. #LEFTCOLUMN {height:500px;}
BTW...the file sizes of the pics you are using are huge.I am working on a page for a friend and I can't get the pages to stay the same length. My css is linked on the page check it out >
if you have time or are interested please let me know how to fix this
There's two ways to go about this, an easy way and a hard way. The easy way is to simply take that /images/bg.gif strip and put it in the background of #body. That way it goes the whole vertical height, even if the columns themselves don't.
My preferred approach is like this: <!-- m --><a class="postlink" href="http://sandbox.mikepurvis.com/css/bordercolumn/">http://sandbox.mikepurvis.com/css/bordercolumn/</a><!-- m -->
There's no images required, it's just a big bit of padding on the right side, and then the second column uses a negative margin to pull out of the first one and into that area. It's actually very similar in spirit to wrapping a background around everything, but the implementation is a bit more of a mind-bender.
Nice site, btw. (And yes, you should use valid HTML, but I prefer not to hold assistence hostage to that.)I appologize for the validation, I am generally new to web design in all aspects. I started this last summer with photoshop / html / css / php. So I haven't gotten really good with any of them. Thank you all for your help though!
if you have time or are interested please let me know how to fix this
here is the page <!-- m --><a class="postlink" href="http://www.clan-psd.shrapnet.com/cssource/helio/mvp/images.php">http://www.clan-psd.shrapnet.com/cssour ... images.php</a><!-- m -->
mvp.css
thanksStart by fixing the HTML.
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.clan-psd.shrapnet.com/cssource/helio/mvp/images.phpYou">http://validator.w3.org/check?verbose=1 ... ges.phpYou</a><!-- m --> can specify the height of each div id in css to make them match up..e.g. #LEFTCOLUMN {height:500px;}
BTW...the file sizes of the pics you are using are huge.I am working on a page for a friend and I can't get the pages to stay the same length. My css is linked on the page check it out >
if you have time or are interested please let me know how to fix this
There's two ways to go about this, an easy way and a hard way. The easy way is to simply take that /images/bg.gif strip and put it in the background of #body. That way it goes the whole vertical height, even if the columns themselves don't.
My preferred approach is like this: <!-- m --><a class="postlink" href="http://sandbox.mikepurvis.com/css/bordercolumn/">http://sandbox.mikepurvis.com/css/bordercolumn/</a><!-- m -->
There's no images required, it's just a big bit of padding on the right side, and then the second column uses a negative margin to pull out of the first one and into that area. It's actually very similar in spirit to wrapping a background around everything, but the implementation is a bit more of a mind-bender.
Nice site, btw. (And yes, you should use valid HTML, but I prefer not to hold assistence hostage to that.)I appologize for the validation, I am generally new to web design in all aspects. I started this last summer with photoshop / html / css / php. So I haven't gotten really good with any of them. Thank you all for your help though!