[css] IE vs FF min-height DIV

[That Guy]

Beste allemaal,

vraagje: de min height in FF en IE. Heb gegoogled (standaard 20 hacks en way-arounds welke allen niet werkte) dus vandaar deze vraag

hier is de CSS waar het om draait:

div.main {
border: 1px solid #a8a8a3;
background: #f1f1f1;
width: 800px;

/* voor IE/FF werkt dit dus niet goed; IE wel, FF niet */
_height: 183px;
min-height: 200px;

padding: 3px;
margin-top: 5px;
}

hierbij nog een screenie van FF en IE.

 

[tombalfoort]

Ik denk, als ik het zo ziet. Dat je ergens iets niet goed heb afgesloten.

Firefox nergeert dingen nog wel eens waardoor je het beter ziet, maar ie niet.

Misschien moet je daar eens even naar kijken.

Of hier even je hele html posten. Zodat andere helpmij'ers ook even kunnen kijken.

 

[That Guy]

hm okay, hier komt dan wat source:

view_thread.php:

// De pagina-indelingen werken (dus dat $max en $limit_1 ect)

// pak posts
$post = mysql_query("SELECT * FROM posts WHERE topic='".$thread."' ORDER BY time ASC LIMIT ".$limit_1.",".$max) or Die("Error in view_thread.php - Post query.<br><br>".mysql_error());
	while($p = mysql_fetch_object($post)){
		$user = mysql_query("SELECT * FROM users WHERE id='".$p->poster."'") or Die("Error in view_thread.php - User query.<br><br>".mysql_error());
			while($u = mysql_fetch_object($user)){
				include("post.php");
		}
	}
//

post.php:

echo "<div class='main'><div class='mheader'>";

echo "<table border='0' cellspacing='0' cellpadding='0'><tr>";
echo "<td>";
echo "<font class='small'>posted <font class='small_dark'>";
echo Date("d-m-Y H:i:s",$p->time);
echo "</font>";

if(!empty($p->edit) && $p->edit <> " "){ echo ", edited door ".$p->edit; }else{ echo ""; }


// edit-knopjes
if(!empty($_SESSION['vegras_forum_session_id']) && ((($_SESSION['vegras_forum_session_id'] == $p->poster) || ($_SESSION['vegras_forum_session_rank'] <= 2)))){
	echo "</td><td width='10'></td>";
	echo "<td><a href='index.php?action=edit&id=".$p->id."'><img src='graphics/editp.gif' border='0'></a></td>";
	echo "<td width='10'></td>";
}
if(!empty($_SESSION['vegras_forum_session_id']) && $_SESSION['vegras_forum_session_rank'] <= 2){
	echo "<td><a href='index.php?action=delete&id=".$p->id."'><img src='graphics/deletep.gif' border='0'></a></td>";
}



echo "</tr></table>";
//

echo "</div><div class='user'><a href='index.php?action=users&id=";
echo $u->id."' class='colored'>".$u->username."</a>";
echo "</font><br><img src='graphics/arrow.gif' border='0'> ";

include("rank.php");

echo "<BR><BR><center><img src='";
echo $u->avatar;
echo "' border='0' class='avatar'></center></div><div class='message'>";
echo SR(TR($p->message));
echo "</div></div>";

alvast bedankt

 

[peter vazed]

Screenshots zit wel verschil in, doch waar doet het probleem zich voor?
Aan php code hebben we niks.
Gewoon in de browser de html code bekijken.
En eventueel laten valideren: http://validator.w3.org/

Url?

 

[That Guy]

erhm

Dat je ergens iets niet goed heb afgesloten.

maar de url: vegras.3host.biz

(ps - gebruik die validator meestal niet - gezijk met <table width='#'> enzo)

 

[peter vazed]

Begrijp ik het goed dat het probleem is dat
een plaatje en tekstbericht naast elkaar
niet goed weer gegeven worden?

Wat is dan de url van de geposte (bijlage) plaatjes?

 

[peter vazed]

Deze pagina:
http://vegras.3host.biz/index.php?action=view&thread=5&page=1
zaten font en td fouten in/
Zie bijlage, comments in code.

Dus nu moet je vanuit deze html in je php files opsnorren in welk deel van de code de missende </td> 's en overtollige, dan wel vergeten fonttags zitten

 

[That Guy]

Hm, bedankt voor het bekijken!!!!! ik verander het zo snel mogelijk.

Wat het main-probleem was:
(bekijk deze link eens met IE (6.0 heb ik) en FF):
http://vegras.3host.biz/index.php?action=view&thread=10&page=1

in IE word de main-div mooi uitgerekt samen met de text-div, in FF loopt de text-div over de "main" div heen.

Alvast bedankt!


[EDIT] er zit ff een screen-shot bij met uitleg die t *hopelijk* duidelijk maakt.
code css van de "main" div:

div.main {
border: 1px solid #a8a8a3;
background: #f1f1f1;
width: 800px;
/* voor IE/FF werkt dit dus niet goed; IE wel, FF niet */
_height: 183px;
min-height: 200px;
padding: 3px;
margin-top: 5px;
}

[/EDIT]

 

[That Guy]

Ik heb ondertussen deze allen geprobeerd:

min-height:200px; height:expression(this.height > 200 ?  200:true );

Dat werkte niet.


Wat wel vreemd is, is dat

max-height:200px; height:expression(this.height > 200 ?  200:true );

wel werkte voor een plaatje.