Mon, 2004-05-17 02:38
i'm having trouble getting a series of elements to line up vertically like a rows in a table.
height: auto;
That's part the CSS I'm using for each element and it only seems to work in IE. Any suggestions?
Mon, 2004-05-17 08:39
#1
Auto height not working in mozilla
Hi
IE ignores height:auto; as it doesn't understand it. The only use most folk put it to is to switch off a previously defined height.
As a result, IE is treating whatever container it is applied to in its default mode.
Can you post a url with an example of your problem?
Trevor
Mon, 2004-05-17 19:52
#2
Auto height not working in mozilla
thanks for the reply. At the very bottom.
http://www.nexpost.net/templates/nexpost/portal_body.htm
It only happens on mozilla.
Mon, 2004-05-17 20:20
#3
Auto height not working in mozilla
Hi
The problem with those boxes is that the div's are uncontained in Mozilla/Opera.
See this page for a fix:
http://www.csscreator.com/attributes/containedfloat.php
(needs to be applied to the popularrow class), like this:
<div class="popularrow floatcontainer">
Also, you have not specified a doctype and accompanying character set, like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <!-- The above DOCTYPE and html lines and the meta http-equiv line below the head are critical. DO NOT DELETE them --> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Your Page Title Here</title>
You can chose from many. Not using one will mean your css will not be implemented correctly across all browsers.
Third, you have taken no account of IE 5.x (PC and Mac) Box Model problems.
www.alistapart.com has a good discsussion on doctypes and www.positioniseverything.net has a good run through IE bug problems to avoid.
Trevor
Mon, 2004-05-17 20:38
#4
Auto height not working in mozilla
thanks for this info! The doctype info didn't appear on that page because it is just a content area and the header haden't been included. This is my doctype.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
I will look at these sites. Thanks again.