• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage falsche Zeilenlänge

iggi80

Neues Mitglied
Liebes Forum,
erstmal ein freundliches "Hallo" an alle hier, bin neu im Forum und habe auch gleich eine Anfänger-Frage:

Ich bin gerade dabei, eine Seite zu basteln, Kopf, Fuß und Navigation stehen weitestgehend, beim Mittelteil hab ich einen eigenartigen Fehler, den ich mir nicht erklären kann. Der Aufbau ist relativ einfach, ich möchte ein Bild mit etwa 30% Breite links und einen Text mit den restlichen 70% rechts daneben haben. Damit der Text nicht um das Bild fließt, habe ich ihn in ein eigenen div gepack und eigentlich ist das Ergebnis auch fast so wie ich mir das vorstelle, aber eben nur fast. Ich hab das mal im Bild "gut.jpg" dargestellt. Wenn ich das Fenster breiter mache wächst der rechte Abstand des Textes, siehe Bild "nichtsogut". Wie kann das sein?

Der Code ist im wesentlichen wie folgt:

html:
Code:
<div id="content">
   <img class="priviewimg" alt="..." src="..." />
   <div class="previewtxt">
      <p>Langer Text... </p>
   </div>
</div>

css:
Code:
#content{
    max-width:80%;
    margin-left:10%;}
.previewimg{
    max-width:30%;
    float:left;
    margin:2%;}
.previewtxt{
    margin-top:2%;
    margin-right:2%;
    max-width:64%;
    float:left;

Danke schon mal im Voraus
iggi
 

Anhänge

  • gut.jpg
    gut.jpg
    454,3 KB · Aufrufe: 4
  • nichtsogut.jpg
    nichtsogut.jpg
    843,7 KB · Aufrufe: 4
Zuletzt bearbeitet:
Werbung:
hmmmm, ja, das macht natürlich Sinn.
Danke für die schnelle Antwort, es klappt so, wie ich mir das vorstelle.
 
Werbung:
Zurück
Oben