...

View Full Version : external style sheet question



akolyte
11-13-2009, 05:51 PM
#mainContent {
margin-top: 18px;
margin-right: 220px;
margin-bottom: 0px;
margin-left: 230px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
height: 500px;
}


Is there a way where i can make the height code to say auto if over 500px if not 500px? Thanks

Excavator
11-13-2009, 05:54 PM
Hello akolyte,
Check out min-hieght (http://www.w3schools.com/CSS/pr_dim_min-height.asp)

linehand
11-13-2009, 06:06 PM
height:auto;
min-height:500px;
Then use a conditional comment to load a style sheet only for ie6 that has

height:500px;
ie6 can't do min-height, but it treats height almost the same as min-height should be treated (making the height 500px but still allowing it to grow if its contents flow longer than that). So we give the height:500
only to ie6.

This should work but it depends on where the div is in relation to other elements on the page and getting height to work as it should can be really tricky.

Edit: Oops, I guess I was typing while Excavator was posting..

akolyte
11-13-2009, 06:13 PM
www.pinellaswebsitedesign.com

Excavator
11-13-2009, 06:36 PM
www.pinellaswebsitedesign.com

Have you seen that on a wider resolution?

If you move that closing tag for #container down to enclose your ap sidebars they will take their positioning from #container instead of the body.
Like this -

3. Once you approve your design, we'll program the page for you.
<br>
<br>
</h3>

<p><a href="testimonials.html">See what our clients</a> have to say about our expertise in all of these services. </p>
<p>Please contact us today and schedule a free website consultation to take your search engine marketing to the next level!</p>

</div>
<div id="footer">
<!-- end #footer -->
<div id="copyright">
<address>Pinellas Website Design, Inc. Copyright 2009. All rights reserved</address>
</div>
</div>
/*removed closing tag*/
<div id="sidebar_left_bottom">
<h1>Web Design </h1>
<p> Every great website starts with a great design. At Pinellas Website Design, we don't just design a website for you, we design your website, capturing the essence of who you are as a company.</p>
<h1><br>
E-Commerce Web Design</h1>
<p>A website with an appealing design is good, but a website that goes to work for you is even better. Create a cost-effective platform to sell your products anywhere in the world.</p>
<h1><br>
Search Engine Optimization (SEO) </h1>
<p>You have a website, you like how it looks, and you like what it does, but how do you get your potential customers to find it? Successful search engine optimization ensures your site is in the right place at the right time.</p>
</div>
<div id="right_sidebar_bottom">
<h1>Tesimonials<br>
</h1>
<hr size="2">
<h1> <br>
</h1>
<p>Finding a Web Designer can be a daunting task. Luckily our company was fortunate enough to find the perfect designers at Pinellas Website Design. </p>
<p>&nbsp;</p>
<hr>
<p>&nbsp;</p>
<p>The insight and assistance you provided proved invaluable to us. The website not only turned out beautifully but has assisted to improve our clientele and boost our business sales. <br>
</p>
<p>&nbsp;</p>
<hr>
<p>&nbsp;</p>
<p>When needing a Web Designer in the future, there is no other company I would rather work with. Thank you for everything!<br>
<br>
<br>
</p>
<hr>
<p>&nbsp; </p>
</div>
<div id="sidebarleftbottom"></div>
<div id="testimonials">
<h1>&nbsp;</h1>
<br>
</div>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel"> </div>
<!-- end #container --></div>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum