17.06.2025, 15:48
Change Language
Register
Login
You are not logged in.
Dear visitor, welcome to Aqua Computer Forum. If this is your first visit here, please read the Help. It explains how this page works. You must be registered before you can use all the page's features. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.
iNFiNiTE
God
[erledigt] merkwuerdiges css problem
Tuesday, August 26th 2008, 11:57pm
nabend, hab hier ein merkwuerdiges css problem:
wie man erkennen kann gibt es beim ersten teil keinen abstand zwischen text und bild, beim zweiten jedoch wohl. der abstand ist gewollt, nur wieso ist er oben nicht vorhanden (und wieso gibt es den ueberhaupt? hab doch bei diesen divs kein margin oder aehnliches definiert?!)
hier der code:
danke,
messi
wie man erkennen kann gibt es beim ersten teil keinen abstand zwischen text und bild, beim zweiten jedoch wohl. der abstand ist gewollt, nur wieso ist er oben nicht vorhanden (und wieso gibt es den ueberhaupt? hab doch bei diesen divs kein margin oder aehnliches definiert?!)
hier der code:
|
Source code |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<div style="float: left; display: block; width: 55%;"> <div style="text-align: justify;"> Hausmans Business Consulting ist ein Beratungsunterneh- men, welches sich auf die Beratung von mittelständischen und kleinen Unternehmen konzentriert. Dies bedeutet, dass sich Vorgehensweise und Aufbereitung der Arbeitsergeb- nisse an den Bedürfnissen solcher Unternehmen orientieren. </div> </div> <div style="display: block;"> <img src="img/ueberuns1.jpg"> </div> <br/> <br/> <div style="float: left; display: block; width: 45%;"> <img src="img/ueberuns2.jpg"> </div> <div style="display: block;"> <div style="text-align: justify;"> Zu unseren Kunden gehören Unternehmen aus den ver- schiedensten Branchen. Die Größe dieser Unternehmen reicht von kleinen Handwerksbetrieben mit einem Mit- arbeiter bis hin zu mittelständischen Industrie- und Handels- betrieben mit mehreren tausend Mitarbeitern. </div> </div> |
danke,
messi
kaZuo
Moderator
Re: merkwuerdiges css problem
Wednesday, August 27th 2008, 1:15am
Ich werd irgendwie aus dem Code nicht schlau. Ka, was du da versucht hast hinzukriegen. 
|
|
Source code |
1 2 3 4 5 6 7 8 |
<p style="overflow:hidden;margin-bottom:2em;"> <img src="" style="float:right;margin-left:1em;"/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <p style="overflow:hidden;"> <img src="" style="float:left;margin-right:1em;"/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> |
iNFiNiTE
God
Re: merkwuerdiges css problem
Wednesday, August 27th 2008, 1:44am
elbarto, recht hast du..
kazuo, danke! mit deinem bsp gehts 1a
weiss jetz aber trotzdem ned was an meinem code so komisch ist? jeweils zwei divs, eins fuer den text und eins fuers bild. display: block und float muss ja, damit die divs nebeneinander sind und ned untereinander. nur beim ersten ist die groesse definiert, die restliche breite wird durch den 2ten div ausgefuellt.
kazuo, danke! mit deinem bsp gehts 1a
weiss jetz aber trotzdem ned was an meinem code so komisch ist? jeweils zwei divs, eins fuer den text und eins fuers bild. display: block und float muss ja, damit die divs nebeneinander sind und ned untereinander. nur beim ersten ist die groesse definiert, die restliche breite wird durch den 2ten div ausgefuellt.
kaZuo
Moderator
Re: [erledigt] merkwuerdiges css problem
Wednesday, August 27th 2008, 3:33am
Ansich müsste ein float:left für das div-Element mit dem Bild den gewünschten Effekt erzielen, aber elegant ist das keineswegs.
Kleiner Tip für die Zukunft: Div-Elemente sind von Haus aus Blockelemente, also kannst du dir das display:block sparen.
Kleiner Tip für die Zukunft: Div-Elemente sind von Haus aus Blockelemente, also kannst du dir das display:block sparen.
