24.04.2024, 16:04
Sprache ändern
Registrieren
Anmelden
Sie sind nicht angemeldet.
Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.
[erledigt] merkwuerdiges css problem
Dienstag, 26. August 2008, 23:57
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:
|
Quellcode |
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
Re: merkwuerdiges css problem
Mittwoch, 27. August 2008, 01:15
Ich werd irgendwie aus dem Code nicht schlau. Ka, was du da versucht hast hinzukriegen. 
|
|
Quellcode |
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> |
Re: merkwuerdiges css problem
Mittwoch, 27. August 2008, 01:44
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.
Re: [erledigt] merkwuerdiges css problem
Mittwoch, 27. August 2008, 03:33
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.
