float das keinen Platz einnimmt
dave
- css
0 Gunnar Bittersmann0 dave1 Steel0 dave
0 Gunnar Bittersmann
Hallo!
Ist es möglich ein Bild so einzubinden und mit float:left an die Seite zuschieben, dass es keinen Platz beansprucht und somit die Positionierung von anderen Elementen nicht beinflusst?
Konkret:
<div style="width: 800px">
<img src="icon.png" style="float: left">
<h3 style="text-align: center; margin-left: auto; margin-right: auto;">
<img src="1.png">
</div>
So ungefähr sieht mein html aus. Nur sollen die Überschrift und das zweite Bild halt wirklich zentriert sein und von dem icon nicht beeinflusst werden.
Momentan werden sie aber etwas nach rechts geschoben.
Hier noch ein Beispielbild zur verdeutlichung:
http://y62.img-up.net/?up=beispielod1ea.jpg
Das Bild soll vom rechten Rand genauso weit entfernt sein wie wie linken.
Vielen Danke!
dave
@@dave:
nuqneH
So ungefähr sieht mein html aus. Nur sollen die Überschrift und das zweite Bild halt wirklich zentriert sein und von dem icon nicht beeinflusst werden.
Das Icon nicht floaten, sondern per absoluter Positionierung aus dem normalen Fluss nehmen.
Qapla'
Das Icon nicht floaten, sondern per absoluter Positionierung aus dem normalen Fluss nehmen.
Qapla'
ok danke, das funktioniert. Kann ich den Zeilenumbruch nach dem icon auch noch verhindern? Also das gleiche Verhalten wie bei 'float: left' oder muss ich die nachfolgenden Elemente hochschieben?
Moin!
ok danke, das funktioniert. Kann ich den Zeilenumbruch nach dem icon auch noch verhindern? Also das gleiche Verhalten wie bei 'float: left' oder muss ich die nachfolgenden Elemente hochschieben?
Da ist mit ziemlicher Sicherheit kein vom img verursachter Zeilenumbruch, wenn das Ding einfach absolut positioniert ist. Wenn da ein unerwuenschter Abstand ist, kommt der von woanders.
Da ist mit ziemlicher Sicherheit kein vom img verursachter Zeilenumbruch, wenn das Ding einfach absolut positioniert ist. Wenn da ein unerwuenschter Abstand ist, kommt der von woanders.
ja, danke. Mein ganzes css ist auch eher kaputt...
@@dave:
nuqneH
Kann ich den Zeilenumbruch nach dem icon auch noch verhindern?
Keine Ahnung, wovon du sprichst.
Qapla'