PHP-Neuling: div in div mit bild

Beitrag lesen

HalliHalloHallöle !

ich habe mal wieder eine mittelschwere Schwierigkeit zu bewältigen und hoffe sehr auf konstruktive und vernichtende Kritik von euch Raketenwissenschaftlern, die mir hilft das DIV-Konstrukt besser zu verstehen

Ich habe Newsbeiträge gebastelt, die auch ein hinterlegtes Bild anzeigen sollen. Das funktioniert auch ziemlich gut. Allerdings wird das erste (das "parent") Div nicht vergrößert, sodass das Bild herauslugt. Bei Text funktioniert das Vergrößern selbstverfreilichst.

Mein HTML Quelltext

<div id="NewsContent">
			<?= $Datensatz['INHALT']?>
			<?php 			
			$anhangformat = substr($Datensatz['ANHANG'],-3);
			IF($anhangformat == "png" OR $anhangformat == "jpg" OR $anhangformat == "jpeg") {	?>	
			<div id="Image"><a href="<?= $Datensatz['ANHANG'] ?>" target="_blank">
			<img class="clear" id="NewsImage" height="128" src="<?= $Datensatz['ANHANG'] ?>">
			</a></div>			
			<?php } else {
						IF($Datensatz['ANHANG'] != "") { ?><a href="<?=$Datensatz['ANHANG']?>" target="_blank"> <i class="fa fa-paperclip"></i></a> <?php }} ?>
		</div> <?php } ?> 

Mein CSS

#NewsContent {
	margin-top: 3;
	margin-bottom: 3;
	font-family: Calibri;
	color: black;
	width: calc(95% - 23px);
	padding: 5;
	margin-left: 25px;
	border-radius: 10px 10px 10px 0;
	border: 1px #232f3f;
	border-style: dashed;
	background-color: #fff;
	display: block;
}
#NewsContent:hover {
	background-color: #fffff1;
}
#NewsImage{
		float: right;
		display: block;
		width: 128px;
#Image{
	position: relative;
	width: 99%;
}
	

Ich weiß jetzt nicht so recht wie ich DIV1 das erkläre, das es um DIV2 herumgebaut werden soll (oder so... ihr wisst schon was ich meine :D)

Ich danke im voraus fürs Lesen

bleibt gesund

akzeptierte Antworten