Code: Selecteer alles
.TopicContent img {
float: left;
margin-right: 10px;
}
.Pusher {
height: 0px;
width: 100%;
clear: both;
}Code: Selecteer alles
<div style="clear: both" class="TopicContent">
<img src="http://content.astralon.be/images/overzicht_2009.jpg" alt="hello world 2"/> Our mission is to deliver high quality, reliable and affordable solutions that help our customers meet and exceed their business objectives. Since inception, our strategy has been to operate using a few full-time employees focused on doing the most important things really well, and on reacting quickly to changing customer needs. The feedback we've received over the years indicates customers appreciate our approach.
<div class="Pusher"></div>
</div>
</div>
<div class="Topic">
<div style="float: left;" class="TopicTitle">
Test Image + Text
</div>
<div style="clear: both" class="TopicContent">
<img src="http://content.cortex.nu/images/home_who_is_cortex.gif" alt="hello world"/> Our mission is to deliver high quality, reliable and affordable solutions that help our customers meet and exceed their business objectives. Since inception, our strategy has been to operate using a few full-time employees focused on doing the most important things really well, and on reacting quickly to changing customer needs. The feedback we've received over the years indicates customers appreciate our approach.
<div class="Pusher"></div>
</div>
. 
Foute code posten? Dat is geen probleemmeon schreef:Dju, ik ben te laat om de oude situatie gezien te hebben
Code: Selecteer alles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>
Prolix
</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="prolix.css" type="text/css" rel="stylesheet" />
</head>
<body style="background-color: #386389; margin:0 auto; font-family: Verdana,Sans-Serif,Helvetica; font-size: 10pt;">
<div style="margin:0 auto; width:940px;">
<div id="Header" class="Header">
PROLIX.BE
</div>
<div class="Container">
<div class="Topic">
<div style="background-color:blue; color:white; width:400px; float:left;">
This is my Title
</div>
<div style="float:right;">
New - Edit - Delete
</div>
<div style="background-color:silver; clear:both;">
<div style="float:left; width:80px;">
<img src="home_mission.gif" alt="test" width="48" height="48"/>
</div>
<div>
Our mission is to deliver high quality, reliable and affordable solutions that
help our customers meet and exceed their business objectives. </br>
Since inception, our strategy has been to operate using a few full-time employees
focused on doing the most important things really well, and on reacting quickly
to changing customer needs. The feedback we've received over the years indicates
customers appreciate our approach.
</div>
</div>
</div>
</div>
</div>
</body>
</html>No problemoAstralon schreef:@cptKangaroo ,
Hartelijk bedankt
Het werkt, en zelfs onder Internet Explorer 6.0
Ik durf het bijna niet te vragen maar 'k ga het toch doen...
Is er éénvoudige uitleg waarom je die "pusher" nodig hebt?
Ik zou verwachten dat het <div> element even groot is al de grootste inhoud binnen het element maar dat lijkt niet zo te zijn.
