[GastForen Web allgemein HTML und CSS / Stylesheets Bild überschneidt den Rahmen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Bild überschneidt den Rahmen

gerhum
Beiträge gesamt: 36

4. Jun 2006, 22:37
Beitrag # 1 von 10
Bewertung:
(2807 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo!

Kann mir mal wer helfen. Ich habe jetzt begonnen meine css Datei bzw. den XHTML Code zu überarbeiten. Dabei überschneiden mir die Bilder sämtliche Rahmen und ragen auch in einen anderen Rahmen rein.

Ich habe euch das bild unter http://www.tierfachhandel.at/link/ueberschneiden.jpg gespeichert.

Hat jemand einen rat, was hier falsch läuft?

SG
Gerhard
X

Bild überschneidt den Rahmen

SabineP
Beiträge gesamt: 7586

4. Jun 2006, 23:20
Beitrag # 2 von 10
Beitrag ID: #232915
Bewertung:
(2805 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Gerhard,

gibt´s auch eine URL zu dieser Seite?

Gruß Sabine


als Antwort auf: [#232914]

Bild überschneidt den Rahmen

gerhum
Beiträge gesamt: 36

5. Jun 2006, 08:45
Beitrag # 3 von 10
Beitrag ID: #232924
Bewertung:
(2794 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine!

Ich habe nach diesem Ergebnis die Seite wieder rausgenommen. Da Sie nicht ordnungsgemäß angezeigt wurde.

Ich werde jedoch einen Testbereich einrichten. Den findest Du unter

http://www.tierfahchandel.at/test

SG
Gerhard


als Antwort auf: [#232915]

Bild überschneidt den Rahmen

gerhum
Beiträge gesamt: 36

5. Jun 2006, 10:28
Beitrag # 4 von 10
Beitrag ID: #232927
Bewertung:
(2790 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Sorry!

Tippfehler!

http://www.tierfachhandel.at/test

SG
Gerhard


als Antwort auf: [#232924]

Bild überschneidt den Rahmen

SabineP
Beiträge gesamt: 7586

5. Jun 2006, 11:25
Beitrag # 5 von 10
Beitrag ID: #232930
Bewertung:
(2780 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Gerhard,

zum Beispiel diese Seite:
http://www.tierfachhandel.at/test/tiere.php?id=15

Da gibt es einen groben Fehler, zwei body-Tags

<body scroll="auto">
</head>

<body>

Wenn Du nach diesem Satz:

In unserem Geschäft finden Sie zahlreiches Nahrungsangebot und Zubehör zur optimalen Haltung ihrer Katze.

ein <br clear="all"> in den Quellcode einfügst, dann überschneidet der Rahmen nicht mehr das Bild.


als Antwort auf: [#232927]

Bild überschneidt den Rahmen

gerhum
Beiträge gesamt: 36

5. Jun 2006, 15:19
Beitrag # 6 von 10
Beitrag ID: #232943
Bewertung:
(2761 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine!

Ich habe jetzt deine Vorschläge umgesetzt, jedoch habe ich noch kein zufriedenes Ergebnis. In Mozilla wird das ganze richtig dargestellt. Der Internet Explorer hat jedoch noch Darstellungsfehler. Hast du hier auch noch einen Trick auf Lager?

Mich macht das ganze schon fertig.

Bitte um baldige Antwort

SG
Gerhard


als Antwort auf: [#232930]

Bild überschneidt den Rahmen

SabineP
Beiträge gesamt: 7586

5. Jun 2006, 17:19
Beitrag # 7 von 10
Beitrag ID: #232946
Bewertung:
(2753 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> Ich habe jetzt deine Vorschläge umgesetzt, jedoch habe ich noch kein zufriedenes Ergebnis.

Doch das klappt in allen Browsern.
Du hast die CSS-Datei geändert, heute Mittag stand im Head neu.css, jetzt steht da design.css

Mit dieser CSS-Datei klappt es.
http://www.tierfachhandel.at/test/neu.css


Anbei noch ein einfaches Codebeispiel mit br {clear:both;} anstatt <br clear="all">

Code
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
br {clear:both;}
img {float:left; height:100px; width:100px;display:inline-block}
</style>
</HEAD>

<BODY>
<h3>Überschrift</h3>
<img src="bild.gif" alt="Bild 1">
wenig Text oder viel Text oder wenig Text viel oder viel Text wenig oder
viel Text oder wenig Text viel oder viel Text wenig<br>
<h3>Überschrift</h3>
<img src="bild.gif" alt="Bild 2">
wenig Text oder viel Text oder wenig Text viel oder viel Text wenig oder
viel Text oder wenig Text viel oder viel Text wenig<br>

</BODY>
</HTML>



als Antwort auf: [#232943]
(Dieser Beitrag wurde von SabineP am 6. Jun 2006, 15:39 geändert)

Bild überschneidt den Rahmen

gerhum
Beiträge gesamt: 36

5. Jun 2006, 21:28
Beitrag # 8 von 10
Beitrag ID: #232958
Bewertung:
(2745 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine!

Die eigentliche Datei lautet "design.css". Die unterschiedlichen CSS Dateien richten sich dannach, da ich nur eine Kopie unter neu.css der Datei design.css. gemacht habe .

Ich habe mir nun im Internet Explorer wieder die Test Seite angesehen. Nur habe ich diesmal die tiere.php Seite mit der Datei "neu.css" gestartet.

Wenn du nun unter Katze oder Vogel gehst, sieht man im Internet Explorer den Fehler.

Ich habe keine Ahnung mehr.

SG
Gerhard


als Antwort auf: [#232946]

Bild überschneidt den Rahmen

SabineP
Beiträge gesamt: 7586

6. Jun 2006, 20:52
Beitrag # 9 von 10
Beitrag ID: #233145
Bewertung:
(2710 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Gerhard,

mach das am besten mit Tabellen, dann sieht es im IE auch ordentlich aus.
Die verschachtelten Rahmen kann der IE nicht pixelgenau darstellen.
Das verschiebt sich immer etwas.

Tabellen- und Zellenrahmen und Tabellen- und Zellenhintergrund kannst Du mit CSS einfärben.
Hier gibts eine Hilfe dazu:

http://www.somacon.com/p141.php

Gruß Sabine


als Antwort auf: [#232958]

Bild überschneidt den Rahmen

gerhum
Beiträge gesamt: 36

6. Jun 2006, 22:40
Beitrag # 10 von 10
Beitrag ID: #233166
Bewertung:
(2698 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine!

Danke für Deine Unterstützung. Ich denke ich habe Dir auch ein paar graue Haare gekostet.

SG
Gerhard


als Antwort auf: [#233145]
X

Aktuell

InDesign / Illustrator
ScreenShot 274 Warum Templates in InDesign benutzen_ - Satzkiste in Stuttgart - Satz und technische Umsetzung - Google Chrome (300x300 HilfDirSelbst)

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/