• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Blöcke abhängig vom Bild anordnen. Oben und unten.

Telepus

Telepus

Mitglied
Hey, ich habe ein kleines Problem.

Es gibt ein Bild, und es hat zwei Blocke. Ein Block muss links-oben und andere links-unten am Bild hängen.
Bilder haben unterschiedliche Größen. Hier ist ein Beispiel: None - jsFiddle

wireframe-mf.png


Wie schaffe ich das zweite Block nach unten?
 
Hallo,

es wäre glaube ich sinnvoller, wenn du ein Praxisbeispiel liefern würdest. Im Moment fehlen noch die entscheidenden Informationen.

Gruss

MrMurphy
 
Oder so
Code: 
!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>clear</title>
<style type="text/css">

* {
 margin:0;
 pading:0;
}

#container{
 width:400px;
 float:left;
 background:#eee;
}

#links {
 width:300px;
 float:left;
 background:#ddd;
}

#links img {
 width:100%;
 display:block;
}

#rechts {
 margin-left:300px;
 background:#dad;
 position:relative;
}

#rechts:after {
 content:"";
 display:block;
 clear:both;
 visibility:hidden;
 line-height:0;padding:0;margin:0;
}
.textunten {
 position:absolute;
 bottom:0;background:#aaa;
}

</style>
</head>

<body>

<div id="containerr">
<div id="links"><img src="bild4.jpg"/></div>
<div id="rechts"><p>Text oben</p>
<p class="textunten">Text unten</p>

</div>

</div>
 
 
</div>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben