Tabelle und BIld vertragen sich nicht - Warum? - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Tabelle und BIld vertragen sich nicht - Warum?

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Tabelle und BIld vertragen sich nicht - Warum?

Pages: [1]

geschrieben von Cluster am 10.05.2004 - 15:30

Hallöchen @All!

Ich habe ein kleines Problem und steige da einfach nicht hinter:

Ich wollte mein Layout überarbeiten und stehe schon nach 15 Minuten am ersten ungewollten Stop.

Ich habe eine Haupttabelle mit width="95%" definiert. Wenn ich jetzt in die erste Zeile eine Grafik packe und die mit style="width:100%;" definiere, haut mir die Grafik über die Tabelle hinaus und ich erhalte einen unteren Scrollbalken.

Warum schiebt er mir die Grafik trotz %-Angaben über den rechten Rand der Tabelle hinaus? Wenn ich der Tabelle 95% zuweise und der Grafik die 100%, dann müsste die Grafik doch die 95% ausfüllen, oder? Nicht mehr und nicht weniger.

Habt Ihr vielleicht eine Idee? Danke für Eure Hilfe im voraus!

geschrieben von gegenort am 10.05.2004 - 15:33

Wenn du bei deiner Grafik style=width:100% machst, bekommst du auch die vollen 100% der Grafik angezeigt.
Wie groß ist denn deine Grafik? Wenn sie größer ist als die 95% deiner Tabelle...
dann ist dein Problem gelöst... du kannst aber auch mal probieren, aus den 100% 10% zu machen und dich dann immer weiter steigern bis es so ist, wie du es haben willst

Andy

geschrieben von Cluster am 10.05.2004 - 15:44

Thx! Ich werde es ausprobieren.

geschrieben von Cluster am 10.05.2004 - 15:53

Schaut mal hier bitte:

http://www.dieblaschkes.de/test/start.html

Jetzt ist die Grafik nur mit 80% definiert und trotzdem habe ich einen unteren Scrollbalken

WARUM?

geschrieben von gegenort am 10.05.2004 - 16:30

Vielleicht liegt es ja daran:

Zitat

<html>
<head>
<meta http-equiv="cache-control" content="no-cache">
<title>Familie Blaschke aus Berlin ::: Hallo und herzlich willkommen!</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left">

<img src="Blaschkes_hori.jpg" alt="" style="border:solid 1px #FFFFF;width=80%;">
</td>
</tr>
</table>

</body>
</html>

geschrieben von Raver2 am 10.05.2004 - 16:30

das light auch an der Bildschirmgröße usw.
um so kleiner das browser fenster desto größer wird das bild, also vom browser fenster aus gesehen, es wird zwar immer kleiner aber nicht so schnell wie das browser fenster...wenn du mich verstehst...

geschrieben von Cluster am 10.05.2004 - 21:24

@Raver2:

davon habe ich zwar noch nie gehört, aber mag sein, dass so etwas möglich ist, aber keine 5 Minuten oder noch länger - es muss also an irgendetwas anderes liegen.

VIelleicht an der Originalgröße des Bildes (1020px breit) und dann auf 80% reduziert? Aber damit ist noch immer nicht erklärt, warum ein unterer Scrollbalken kommt, obwohl das BIld nur 80% breit ist.

@gegenort:

der Doppelpunkt ist sicherlich richtig, aber es funktioniert auch mit dem Gleichheitszeichen, obwohl dies nicht sauber gecoded ist.

Ich hoffe auf weitere Hilfe von Euch - das muss doch irgendwie zu bewerkstelligen und aus der Welt zu schaffen sein

geschrieben von Pablo am 10.05.2004 - 21:39

Versuch mal so:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8:

<table border="0" cellspacing="0" cellpadding="0" style="width:100%;">
<tr>
<td align="left">
<!-- es muss heißen: width:80% -->
<img src="Blaschkes_hori.jpg" alt="" style="border:solid 1px #FFFFF;width=80%;">
</td>
</tr>
</table>

Pablo

geschrieben von Cluster am 11.05.2004 - 07:20

Moin @All!

Manchmal hilft einfach, eine Nacht drüber zu schlafen

.

Habe es jetzt herausgefunden, indem ich einfach mal die Grafik kleiner gemacht habe, also von einer 1020px-breiten Grafik in eine 800px-breite und siehe da, auf einmal ist der Scrollbalken weg und es wird korrekt dargestellt

.

Darauf muss man erstmal kommen!

@ Pablo: auch mit einem Vorschlag ging es leider nicht. Trotzdem Danke.