• 16.06.2025, 20:06
  • Registrieren
  • Anmelden

  • Sie sind nicht angemeldet.

 

[erledigt] merkwuerdiges css problem

iNFiNiTE

God

[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:

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
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

xx_ElBarto

God

Re: merkwuerdiges css problem

Mittwoch, 27. August 2008, 00:12

die bilder divs scheinen beide jeweils rechts nen abstand zu haben und links nicht, das obere bild is ja rechts auch nicht bündig.
also wird wohl an was gemeinsamen liegen. evtl baut block da nen abstand ein?

kaZuo

Moderator

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>

iNFiNiTE

God

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.
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

kaZuo

Moderator

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. :)

iNFiNiTE

God

Re: [erledigt] merkwuerdiges css problem

Mittwoch, 27. August 2008, 11:15

ok, danke!

bin nicht soo der css guru wie man unschwer erkennen kann ;)
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!