• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

float und absolute Positionierung

J

jump.blueberry

New member
Hallo,

Kann man Text um ein absolut positioniertes Objekt umfließen lassen?
Wenn nicht, fallen euch irgendwelche Methoden ein, wie ich es hintricksen kann, dass es so aussieht:
 
ein schlauer schrieb:
Was soll da den positioniert werden?
Zum Vergrößern anklicken....

Hm, der Kasten soll eine absolute Position haben.
Er soll auf anderen Seiten noch an anderen Positionen stehen(oben rechts, unten links, unten rechts), was dann nur durch das stylesheet geändert wird!

Es macht jetzt zwar wenig sinn, Quellcode zu posten, weil es ja nicht geht, aber vielleicht hilft es ja doch:
HTML: 
<html>
<head>
<title>Float und absolut</title>
<style type="text/css">
#absolut{
position: absolute;
top:10px;
left:10px;
width: 150px;
height: 150px;
float: left
}
#text{
font-family: arial;
font-size: 12px;
float: left;
width: 300px;
height: 600px;
}
</style>
</head>
<body>
<div id="absolut"></div>
<div id="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure d
</div>
</body></html>
 
Moin!
jump.blueberry schrieb:
Hm, der Kasten soll eine absolute Position haben.
Zum Vergrößern anklicken....
Wieso denn das? Sowas geht doch auch:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Float und absolut</title>
<style type="text/css">
#absolut,#absolut2{
width: 150px;
height: 150px;
}
#absolut{
top:10px;
left:10px;
float: left;
}
#absolut2{
top:10px;
right:10px;
float: right;
}
.text{
font-family: arial;
font-size: 12px;
float: left;
width: 300px;
border:1px solid black;
clear:both;
}
</style>
</head>
<body>
<div class="text"><div id="absolut"></div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure d</div>
<div class="text"><div id="absolut2"></div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure d</div>
</body>
</html>
Ahoi - Pit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben