[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:
(2972 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:
(2970 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:
(2959 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:
(2955 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:
(2945 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:
(2926 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:
(2918 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:
(2910 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:
(2875 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:
(2863 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