Bild wiederholt sich innerhalb einer Tabelle -> Strecken ?

 <td style="background: url(images/Logo4.jpg); background-repeat:no-repeat; float:left; height="195" bgcolor="#000000">

Das Float:Left; kannst Du u. U. weglassen.

width="100%" bei Bild sollte in Pixelbreite des Bildes angegeben werden.

Hallo,

das mit dem repeat hat es gebracht. Nur leider wird das Bild jetzt nicht auf die Breite gestreckt, sondern ich habe dann rechts ein Fläche die frei bleibt. Das ist ja auch suboptimal. Ich habe die Seite zum Anschauen neu hochgeladen

Hallo,
also Bilder "strecken" sind in der CSS2 Spezifikation nicht vorgesehen. Vielleicht kommts mit CSS3, aber wieso streckst du das Bild nicht auf die minimale Breite der Landkarte? Die wird ja, wenn du das Fenster verkleinerst irgendwann wenns unter 800 px (?) Breite geht nicht mehr kleiner. Dann zentrierst du das einfach noch in der Tabellenspalte, sodass, wenn das Fenster größer ist, immer mittig erscheint.

Mario

Hallo,

das Problem ist dabei, dass ich meine Seiten nicht alle gleich breit machen kann, da ich ja unterschiedliche Inhalte habe. Wenn ich Karten habe, wird es eben etwas breiter. Bei Text wird es wieder schmäler.

Dann müsste ich ja auch die unterschiedlichsten Breiten für mein Logo machen, immer angepasst an die jeweilige Seite

Du kannst das Bild auch als normales Image (mit <img>-Tag) einbinden statt als Hintergrundbild. Bei dem Bild kannst du dann ja width="100%" angeben.

Um den Text, der auf dem Bild drauf steht, hinzubekommen, kannst du ein DIV auf das Bild folgen lassen, dessen Höhe der des Bildes entspricht und bei dem du folgendes angibst:

<div style="height:195px; position:absolute; top:0px; left:0px; right:0px; z-index:2; text-align:center"><br>Hallo Welt<br>Hier steht irgend ein Text</div>

Der z-index vom Div muss größer als der vom <img> sein, also geb bei dem am besten einen an.
Zu beachten ist, dass das übergeordnete Element (bei dir anscheinend ne Tabellenzelle) folgende Angabe erhält:
style="position:relative"
damit für die absolute Positionierung der richtige Ausgangspunkt gewählt wird.


Es könnte bei dieser Lösung bei manchen Browsern probleme geben, da sowohl left:0px, als auch right:0px oben bei dem Div angegeben wurden. Probier es mal aus. Vielleich hat auch jemand anderes ne Idee, wie man den text zentriert bekommt. 

Hallo,

so, das klappt mit diesem Code weit besser als vorher.

Da tat sich noch eine weitere Frage auf. Im IE ist der Text meiner Navigationsleiste rechts nicht linksbündig sondern zentriert. Im Firefox und Safari ist das linksbündig. Wie kann ich das verhindern ?

 

<table class="farbe2" width="180" border="0" cellpadding="0" cellspacing="1"    id="menu" align="center"  >
<tr>
<td class="farbe2"
  align="right"><b>|&nbsp;U S A&nbsp;|</b></td>
</tr>

Quelltext ab Zeile 90.

Bsp. Zeile 90 - Ansatz: Der IE interpretiert (fälschlicherweise) vermutlich das align="center" im table-Tag auch für die Zellen, die beiden anderen Browser ignorieren diese Angabe für die Zellformatierung.

Wenn Du die Tabellen zentriert anordnen möchtest, genügt die Ausrichtung per align="center" in der umgebenden übergeordneten Zelle.

Bsp.:

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table>....hier zentriert...</table> y/td></tr></table> 

Hallo,

die Navigation rechts hat keine "ÜberTabelle". Soll oder muss ich diese jetzt erst noch kreieren ?

Zu beachten ist, dass das übergeordnete Element (bei dir anscheinend ne Tabellenzelle) folgende Angabe erhält:
style="position:relative"
damit für die absolute Positionierung der richtige Ausgangspunkt gewählt wird.

Ich glaube das hast du vergessen, der Text steht bei mir im Opera zumindest zu weit rechts. Wenn es bei der <td> nicht geklappt hat mit position:relative, kannst du um das <img> und das <div> auch ein weiteres div machen.

die Navigation rechts hat keine "ÜberTabelle". Soll oder muss ich diese jetzt erst noch kreieren ?

Nein, vermeide unnötige Tabellen immer.
Ich weiß jetzt nicht, ob ich das Problem richtig verstanden habe, aber du kannst der Tabelle mit der Navigation eine ID geben (id="navigation") und dann in der CSS-Datei sowas schreiben:

#navigation td {text-align:left}

Damit sind alle Tabellenzellen innerhalb der Tabelle linksbündig.


€dit: ich hab grad nen Blick in deinen Quelltext geworfen. Anscheinend hast du mehreren Tabellen die gleiche ID gegeben, nämlich id="menu". Das ist flasch, da die ID immer eindeutig sein muss. Anstatt mit ID zu arbeiten, solltest du den Elementen alle die gleiche Klasse zuweisen. Die haben ja alle schon die Klasse "farbe2". Falls du "farbe2" auch woanders als im Menü verwendest, kannst du den Tabellen auch mehrere Klassen zuweisen, ich glaube die muss man dan durch ein Blank trennen. Also so:
class="farbe2 menu"

Und dann eben folgendes in der Stylesheet-Datei:
.menu td {text-align:left}