Impressum Suchfunktion

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Hintergrund umschließt das Bild nicht ganz
#1
Habe da ein Problem mit einem Hintergrund dieser umschließt das Bild bei float: left nicht vollständig.

<p style="background-color: #cccccc; padding: 10px; border-radius: 2px;">
<img src="bug_report.jpg" alt="" style="float: left; padding-right: 10px; border: Solid 1px #FF0000;">
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten...
</p>

Aber die CSS-Anweisung:  height: 100vh; ist doch nicht die Lösung?

<p style="background-color: #cccccc; padding: 10px; border-radius: 2px; height: 100vh;">
<img src="bug_report.jpg" alt="" style="float: left; padding-right: 10px; border: Solid 1px #FF0000;">
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten...
</p>

Ich kann doch nicht jedes mal den Wert anpassen nur weil sich der Inhalt ändert!

Meine Testseite
Gruß Werner
werner-zenk.de - Tipps und Lösungen rund um HTML, CSS, JavaScript und PHP

„Effekte beeindrucken vielleicht einmal - Inhalt und Service jedoch ein Homepage-Leben lang.”

Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Moin,

würde es nicht einfacher gehen ein DIV mit der Hintergrundfarbe drum herum zu legen ?
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Habe die Lösung gefunden:

<p style="background-color: #cccccc; padding: 10px; border-radius: 2px;">
<img src="bug_report.jpg" alt="" style="float: left; padding-right: 10px; border: Solid 1px #FF0000;">
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten...
<br style="clear: both;">
</p>

Aber schon komisch das es da keine andere Lösung gibt!
Gruß Werner
werner-zenk.de - Tipps und Lösungen rund um HTML, CSS, JavaScript und PHP

„Effekte beeindrucken vielleicht einmal - Inhalt und Service jedoch ein Homepage-Leben lang.”

Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Tommys Vorschlag:

.png  2017-08-22 (2).png (Größe: 175,62 KB / Downloads: 20)
Keine Zeit, muss Haare machen!
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
HA!

Danke, Werner, für diese Frage (das beschriebene Problem ist mir schon häufig untergekommen)
Ich hab das bisher auch eher etwas umständlicher gelöst (wie Tommy das auch beschrieben hat).


Und noch mehr Danke für die Lösung (ach wie schön, dass die Fragesteller hier im Forum oft auch gleich die Lösung liefern :D )

Ich wusste garnicht, dass man dem Seitenumbruch auch eine Style-Anweisung zukommen lassen kann. Auf die Idee wäre ich garnicht gekommen. Das ist ja richtig schön einfach thumbs up
lg Doris
_____________________________________________

Ich wünsche mir 3 Dinge:

1. die Kraft, Dinge zu ändern, die ich ändern kann,
2. die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann
3. die Weisheit, beides voneinander zu unterscheiden...


.
NOf 2015 ( HTML 5 Dynamic)
Win 10
Grafik und Bildbearbeitung: Corel Suite X8


www.fotoatelier-essen.de
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Corel X8 startet überhaupt nicht mehr Thomas Saake 14 302 17.07.2017, 19:52
Letzter Beitrag: Thomas Saake
  Video als Hintergrund - Rechtliche Frage stobi_de 2 138 16.06.2017, 16:07
Letzter Beitrag: stobi_de
  Hintergrundbild nicht jpg trotzdem so klein wie möglich funsport 8 477 21.03.2017, 10:18
Letzter Beitrag: Doris Rehhausen
  Hintergrund-Slider Pikefisher 5 424 09.02.2017, 17:00
Letzter Beitrag: Doris Rehhausen
  Hintergrund im Navibereich rhoener 10 652 09.01.2017, 16:16
Letzter Beitrag: rhoener
  CSS 3 Menu, funktioniert es oder nicht? Bee 8 1.490 10.03.2015, 13:54
Letzter Beitrag: Bee
  Transparenter Hintergrund Thomas Saake 7 2.832 28.01.2015, 14:54
Letzter Beitrag: Thomas Saake
  Hintergrund der sich automatisch anpasst Maverick2000 1 924 09.11.2014, 18:50
Letzter Beitrag: barbara0701
  Hintergrund-Generator barbara0701 2 1.172 23.05.2014, 15:30
Letzter Beitrag: barbara0701
  Buttons lassen sich nicht ändern Firebox1 13 6.574 05.05.2013, 10:14
Letzter Beitrag: Tommy Herrmann



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!