torsdag 3 april 2008

Div-tagg vill inte sträcka sig

Ibland får man problem med div-taggar som inte sträcker ut sig efter innehållet, särskilt i vissa webbläsare. Ibland syns texten inte alls, ibland så flyter den utanför div-taggen. För att det ska fungera i både IE6, IE7 och Firefox så lägg till följande i ditt stylesheet:

#min_div {
min-height:200px;height:auto !important;height:200px;
}
OBS! exakt i den ordningen!

Du vill att minsta höjden, min-height, ska vara 200px men det bryr sig IE6 inte om.

Sätter du bara height:200px så kommer texten att flöda över div-taggen i Firefox.

Lös detta med att lägga till height: auto !important; så stretchar diven efter texten.

Inga kommentarer: