Hi!
wenn ich meine html-seite im iexplorer öffne (Layout=Tabelle mit width=„60%“) dann ist sie trotzdem auf die ganze Breite verzogen, obwohl es im Mozilla Browser ohne Probleme dargestellt wird.
Hat einer vielleicht eine Idee an was das liegen könnte? Sonst bau ich halt auf Pixelgrößen um…
hey!
also vielen Dank schon mal für die Antworten…einen Doctype hab ich eigentlich kann aber sein dass der falsch ist. Geb euch grad mal den gesamten HTML-Code. Allerdings ist alles noch im Aufbau aber vielleicht findet ja jemand den Fehler…wäre super!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
New York Apartment
</title>
<meta name="Author"
content="Stephanie Böschen">
<meta name="Publisher"
content="Tanzprojekt">
<meta name="Copyright"
content=
"Copyright Ferien Bad Scuol Thomas Böschen">
<meta name="Keywords"
lang="de"
content=
"Ferienwohnung, Ferien, Urlaub, New York, Apartement, Wohnung, Ferienaufenthalt, City Trip, Amerika, Stadturlaub, USA, NY, Einzimmerwohnung, Einzimmerapartment, Mietwohnung, Zwischenmiete, Untermiete, Mieten, mieten, Arbeitswohnung, Arbeit">
<meta name="Keywords"
lang="en-us"
content=
"holiday, New York, NY, USA, America, vacation, apartment, city trip, job, work, rent">
<meta name="Description"
content=
"Vollausgestattetes und schönes Einzimmerapartment in der Upper West Side zwischen Riverside Park und Broadway zu vermieten. Eignet sich nicht nur als Ausgangspunkt um die Stadt zu erkundigen sondern auch als zu Hause für einen längeren Aufenthalt">
<meta name="Content-language"
content="DE">
<meta name="Page-type"
content="Private Organisation">
<meta name="Robots"
content="INDEX,FOLLOW">
<style type="text/css">
body { background-color:#C0C0C0; }
div.ueberschriftA
{font-family:Helvetica, Arial, "sans serif";
font-size:2.5em;
font-weight:bolder;
font-variant:small-caps;
word-spacing:0.2em;
letter-spacing:0.08;
color:#FF0000; }
div.kleineSchrift
{font-family:Helvetica, Arial, "sans serif";
font-size:0.8em;
font-weight:bold;
font-variant:normal;
word-spacing:0.09em;
letter-spacing:0.05;
color:#000000; }
div.bildunterschrift
{font-family:Helvetica, Arial, "sans serif";
font-size:1em;
font-weight:bold;
font-variant:small-caps;
word-spacing:0.1em;
letter-spacing:0.06;
color:#FFFFFF; }
p { font-family:Helvetica, Arial, "sans serif";
font-size:1em;
font-weight:bold;
font-variant:normal;
word-spacing:0.1em;
letter-spacing:0.06;
color:#000000; }
a:link { color:#990000;
text-decoration:underline; }
a:visited { color:#FF0033;
text-decoration:underline; }
a:hover { color:#FF0000;
text-decoration:underline;
font-weight:bold; }
div.abstand { margin-top:80px; }
div.abstandB { margin-top:10px; }
</style>
</head>
<body>
<div class="abstand">
<table border="0"
width="60%"
align="center"
cellpadding="0"
cellspacing="4">
<tr>
<td>
<table border="0"
width="100%"
cellpadding="4"
cellspacing="0"
bgcolor="#000000">
<tr>
<td>
<img src="Bilder\header.jpg"
width="100%" height="180">
</td>
</tr>
<tr>
<td>
<div class="bildunterschrift" align="right" valign="bottom">Die Stadt die niemals schläft</div>
</td>
</tr>
</table>
</td>
</tr>
<tr height="40">
<td></td>
</tr>
<tr>
<td>
<div class="ueberschriftA">New York Apartment</div>
</td>
</tr>
<tr>
<td>
<table border="0"
width="100%"
cellpadding="4"
cellspacing="0">
<colgroup>
<col width="2*"></col>
<col width="3*"></col>
</colgroup>
<tr>
<td valign="top">
<a href="haus.html">
<img src="Bilder\haus.JPG"
width="100%" border="0" alt="Haus">
</a>
<p></p>
<table border="0"
width="100%"
cellpadding="0"
cellspacing="0"
bgcolor="#D3D3D3">
<tr>
<td>
<table border="0"
width="100%"
cellpadding="4"
cellspacing="0"
bgcolor="#000000"
valign="top">
<tr>
<td>
<div class="bildunterschrift" align="center">Mietentgeld</div>
</td>
</tr>
</table>
<table border="0"
width="100%"
cellpadding="4">
<tr>
<td>
<p>Rent/2 guests:<br>
125 $ per night<br>
850 $ per week<br>
1500 $ two weeks<br>
2500 $ per month<br>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align="left" valign="top">
<p>
Das kleine aber schöne Einzimmerapartment...
</p>
<table border="0"
width="100%"
cellspacing="0"
cellpadding="0"
bgcolor="#D3D3D3">
<tr>
<td>
<table border="0"
width="100%"
cellpadding="4"
cellspacing="0"
bgcolor="#000000"
valign="top">
<tr>
<td>
<div class="bildunterschrift" align="center">Kontakt</div>
</td>
</tr>
</table>
<table border="0"
width="100%"
cellpadding="4"
cellspacing="0">
<tr>
<td>
<p>Für Informationen über die Ferienwohnung <br>
BT<br>
E-Mail:
<a href="mailto:%20btnewyork@hotmail.com">btnewyork@hotmail.com</a> </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
<table border="0"
width="100%"
cellspacing="0"
cellpadding="0">
<colgroup>
<col width="1*">
<col width="1*">
</colgroup>
<tr>
<td align="left">
<a href="zimmer1.html">
<img src="Bilder\zimmer1.JPG"
width="98%" border="0" alt="zimmer">
</a>
</td>
<td align="right">
<a href="zimmer2.html">
<img src="Bilder\zimmer2.JPG"
width="98%" border="0" alt="zimmer">
</a>
</td>
</tr>
</table>
<div class="abstandB"></div>
<table border="0"
width="100%"
height="3"
cellspacing="0"
cellpadding="0"
bgcolor="#000000">
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
Ich sitz jetzt schon ne ganze weile an dem kleinem Text, aber er wird einfach nicht so dargestellt wie ich es will.
Seit dem ich die Doctype angegeben hab wird der onmouseover effekt anders Dargestellt (ich will, wie vielleicht im Text zu erkennen, dass der hover effekt über die komplette Breite von 180px dargestellt wird, außerfdem soll der Text immer schwarz dargestellt werden.)
In Mozilla wird eigentlich nur die hälfte dargestellt und ich weiß nicht mehr weiter…
Was ich hier rot markiert habe muß geändert werden. Und nicht nur in dieser einen Zeile.
Anführungszeichen löschen, = ersetzten durch einen Doppelpunkt, und hinter 180 fehlt px.
So muss es aussehen.
Ich hab gelesen, dass FF die Farbe aus der Fontformatierung entnimmt… aber ich bin immernoch nicht auf einen LSG gekommen, vielleicht hilft euch dass ja.
@nichtsgeht
Danke für die Antwort (funktioniert leider aber auch nicht…) und v.a fürs Testen. Jetzt weiß ich wenigstens dass es wohl am ie7 liegt den ich nämlich hab und der nur komische Sachen anzeigt…
Naja ich werd jetzt mal weiterbasteln…
Was ich hinzugefügt habe, ist rot gekennzeichnet.
Und noch was: Du hast hinter deinem class=„link“ ein Semikolon stehen,
der muß raus. Ok , war meine schuld, hatte ich versehentlich zuerst in
meinen letzten Post drin, hatte ich aber später geändert.
Das empty-cells:show sorgt dafür, das leere Zellen angezeigt werden.