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

div über restliche Breite strecken

ky_fr34k

ky_fr34k

Mitglied
Hallo zusammen,

ich hab folgendes Problem.

Ich habe einen Bereich mit 700px Breite. In diesen Bereich soll ein Bild (rechts) mit variabler Breite und ein div mit Inhalt mit der restlichen Breite.

Ich hab folgenden Code produziert:
HTML: 
<html>
<head>
    <style type="text/css">
        .outer { width: 700px; height: 100%; background-color: red; margin: 0 auto;}
        
        .outer .content { float: left; background-color: yellow;}
        
        .outer img { background-color: green; float: right;}
    </style>
</head>
<body>

    <div class="outer">
        <div class="content">
            <h1>Überschrift</h1>
            <p>Text 1</p>
            <p>Noch weitere Text</p>
        </div>
        <!-- img.width ist kein bekannter Wert !-->
        <img src="" width="225"/>        
    </div>
    
</body>
</html>
Das gibt folgendes Ergebnis:
attachment.php


Ich hätte aber gerne diese Ergebnis:

attachment.php


Was fehlt mir noch?
Ist das so überhaupt möglich?

Gruß KY
 

Anhänge

  • ist.gif
    ist.gif
    6,4 KB · Aufrufe: 21
  • soll.gif
    soll.gif
    6,3 KB · Aufrufe: 21
Werbung:
hmm... also ich arbeite immer mit ids^^ und mit nem wrapper:

HTML: 
#wrapper { 
 margin: 0 auto;
 width: 700px; // Gesamtbreite -->
}

#content { 
 float: left;
 color: #333;
 background-image: url("http://desb.bplaced.net/homepage/img/content.gif");
 height: 350px; // höhre des contents -->
 width: 600px; // breite des contents -->
 display: inline;
}
#rest {
width: 100px; //das, was halt vond en 700 noch übrig ist: 700-600=100^^

und dann halt im body:

<div id="wrapper">
<div id="...">
</div>
</div>

u.s.w
 
Hi,

danke für dein Beispiel
Das funktioniert auch, aber ich weiß nicht wie Breit mein Bild ist,
kann also nicht ausrechnen wie viel Rest bleibt.
Das müsste irgendwie dynamisch gehen.

Hat sonst noch jemand Ideen?

Gruß KY
 
Werbung:
hmm..also ich kenne mich nicht soo gut mit html aus^^...ich glaube etwas dynamisches geht nicht..aber du kannst die größe des bildes herrausfinden, indem du es auf deinen desktop hast, es einmal anklicktst und dann den mauszeiger nachdem du es angewählt hast auf dem bild ruhen lässt. Dann erscheint die größe. oder du siehst einfach in einem bild-bearbeitungsprogramm wie das einafche paint oder so nach^^
 
outer .content sollte noch ein width:100% bekommen denke ich, sonst wird's an den inhalt angepasst.
 
hi,

danke sysop, leider funktioniert das auch nicht.
Dann hab ich zwar die volle Breite, aber dann geht das gelbe über die komplette Breite und das grüne rutscht in die zweite Zeile.

Gibts weiter Ideen?

Gruß KY
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben