min-height 4 all | Clipmarks


	min-height 4 all

nouse4name

3-24-2007 2:08 PM

275 views

tags:

min-height, css, html

Add a Comment

Login to Comment. Not a member yet? Sign up

View the Top Clips from March 24, 2007

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/d77ac68c-c823-4d9a-a891-75d78fbc5331/55E605BA-1597-406A-8139-4029BDD8ABA9/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://standards.webmasterpro.de/index-article-min_height.html" href="http://standards.webmasterpro.de/index-article-min_height.html" style="font-size: 11px;">standards.webmasterpro.de</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://standards.webmasterpro.de/index-article-min_height.html"><h2>Min-Height für den Internet Explorer</h2></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://standards.webmasterpro.de/index-article-min_height.html"><code class="highlight box" title="HTML">&lt;<span class="keyword">div</span> <span class="keyword">class</span>="<span class="text">test</span>"&gt;...&lt;/<span class="keyword">div</span>&gt;</code></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://standards.webmasterpro.de/index-article-min_height.html"><code class="highlight box" title="CSS">.test
{
<span class="ws">	</span> <span class="keyword">min-height</span>:300px;
<span class="ws">	</span> <span class="keyword">height</span>:auto !important;  <span class="comment">/* für moderne Browser */</span>
<span class="ws">	</span> <span class="keyword">height</span>:300px;  <span class="comment">/*für den <abbr title="Microsoft Internet Explorer">IE</abbr> */</span>
}</code></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://standards.webmasterpro.de/index-article-min_height.html"><p>Oft möchte man eine Standardhöhe für seine Container festlegen und möchte, daß sich die Boxen automatisch mit dem Inhalt vergrößern. Man stellt dann allerdings fest, daß im Gegensatz zum Internet Explorer Gecko-Browser trotz überlaufendem Inhalt die definierte Höhe beibehalten.
Gecko-Browser verhalten sich allerdings in diesem Fall richtig, da man für diesen Zweck einfach eine Mindesthöhe ( <code class="highlight"><span class="keyword">min-height</span></code>) festlegen sollte; <code class="highlight"><span class="keyword">min-height</span></code> wird aber nicht vom Internet Explorer unterstützt, daher muß man sich eines kleinen Workarounds bedienen, um zu seinem Ziel zu gelagen.</p></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/55E605BA-1597-406A-8139-4029BDD8ABA9/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from nouse4name

Today's Top Clips