4 replies [Last post]
diggersf
Offline
newbie
Last seen: 18 years 7 weeks ago
Joined: 2004-05-17
Posts: 3
Points: 0

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?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 35 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

diggersf
Offline
newbie
Last seen: 18 years 7 weeks ago
Joined: 2004-05-17
Posts: 3
Points: 0

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.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 35 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

diggersf
Offline
newbie
Last seen: 18 years 7 weeks ago
Joined: 2004-05-17
Posts: 3
Points: 0

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.