Bild überschneidt den Rahmen

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Bild überschneidt den Rahmen

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

gerhum

Beiträge gesamt: 36

4. Jun 2006, 22:37
Beitrag # 1 von 10
Bewertung:
(2970 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

Bild überschneidt den Rahmen

SabineP

Beiträge gesamt: 7586

4. Jun 2006, 23:20
Beitrag # 2 von 10
Beitrag ID: #232915
Bewertung:
(2968 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:
(2957 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:
(2953 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:
(2943 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:
(2924 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:
(2916 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:
(2908 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:
(2873 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]