Problem mit Homepagedesign

robydog · 17.01.2006

Hallo zusammen

ich habe da ein Problem hab versucht herauszufinden weshalb. Ich komme aber einfach nicht mehr weiter

Schaut euch mal folgende seite an www.swissbranche.ch (Hauptseite index.html)
Auf dieser Seite ist alles wunderbar so wie ich es haben will

Nun geht mal auf folgende Seite
http://www.swissbranche.ch/html/computer-i...ngprovider.html

Schaut euch jetzt mal das Design des Menus links an und die Titelschrift in der Mitte.

Kann mir jemand sagen weshalb das so ist?

Ich habe ein CSS File verwendet das ich im Hauptverzeichniss habe
und in allen datein html habe ich auf das css file verlinkt.

Dachte zuerst dass da das Problem liegt und habe dann in jedes Verzeichniss die CSS
Datei upgeloadet.

Leider kein Erfolg

Schaut euch noch diese Seite an
http://www.swissbranche.ch/html/haus-wohne...ie/oel/oel.html

Hier ist alles normal obwohl ich eigentlich nichts anders gemacht habe.
Das ganze verzeichniss Haus/Wohnen funktioniert ganz normal
Weiss nicht wieso

Ich habe auch schon die verschiedenen Dateien (funktioniert/nicht funktioniert)
miteinander verglichen. Von mir aus sind die eigentlich identisch.

Habe die Seiten mit Dreamweaver gemacht

Wäre froh wenn mir da jemand weiterhelfen könnte

greetz Andi

Sascha Ahlers · 18.01.2006

Hallo,

dei CSS sollte die Seite erstmal W3C Komform werden: Failed validation, 35 errors.
Besonders wenn Layout-Tabellen verwendet werden sind fehlenden Tabellen-Tags meistens tödlich.

Error Line 106 column 36: document type does not allow element "TD" here; assuming missing "TR" start-tag.

http://validator.w3.org/check?uri=http%3A%...&doctype=Inline

MfG Sascha Ahlers

spiv.de · 18.01.2006

Ja soweit richtig - aber wenn es an anderer Stelle mit dem selben gerüst funktioniert, gehe ich meist so vor, dass ich in Version A die funktioniert nach und nach die Elemente in Version B einbringe und die Zwischenschritte jeweils kontrolliere. So kann man dann feststellen an welchem Element oder HTML-Block der Fehler hängt.

Sascha Ahlers · 18.01.2006

QUOTE (spiv.de @ Mi 18.1.2006, 5:41)Ja soweit richtig - aber wenn es an anderer Stelle mit dem selben gerüst funktioniert, gehe ich meist so vor, dass ich in Version A die funktioniert [...]

Würde ich auch so machen, unter der Voraussetzung der (X)HTML Quelltext ist W3C-Komform (oder es sind zumindestens die Tags richtig geschlossen). Ich habe nur die Erfahrung gemacht, dass die viele Fehler im Zusammenhang mit CSS durch falschen (X)HTML Quellcode entstehen. Alleine der falsche DOCTYPE ist meistens schon ein Killer auf breiter Ebene.

MfG Sascha Ahlers

robydog · 19.01.2006

Ich habe jetzt mal ne funktionierende Seite validiert
Sind auch 35 Fehler vorhanden. Die selben wie auf
der Page die nicht geht.

Ist komich

Weiss da jemand weiter

greetz Andi

spiv.de · 19.01.2006

Kannst mir mal die funktionierende und nicht funktionierende Version + CSS + Grafiken per mail schicken. Es geht im wesentlichen um die Boxenüberschrift oder ?

robydog · 19.01.2006

Das Menu Links habe ich jetzt im Griff
Da weis ich weshalb es einen fehler gab

nun habe ich aber bei manchen Rubriken noch das Problem
dass die überschrift in der Mitte nicht richtig angezeigt

ich habe die komplette tabelle von einer funktionierenden koppiert
dann gehts auch gleich.
Dann habe ich den Titel angepasst und dann gehts nicht mehr

das heisst
ich habe
<td class="rubrik"><strong>&raquo; Haus/Wohnen:</strong></td>

in
<td class="rubrik"><strong>&raquo; Nahrungs/Genussmittel:</strong></td>

geändert&uml;

Es kann doch nicht sein das wenn ich nur den Text ändere sich gleich das Design
ändert?

greetz Andi

zmedia · 20.01.2006

Hi Robydog

Dein Problem ist ganz einfach zu lösen! Du hast in der Tabelle links (Kategorien) eine fixe Tabellenbreite von 240 pixel.

Wenn Du nun Begriffe eingibst, welche länger als diese fixe Breite sind, werden automatisch Zeilenumbrüche bei dem ersten Leerzeichen (&nbst

geschaltet.

- Sprich der Platz reicht nicht aus!

Entweder Du kürzt Deine Kategoriebegriffe oder Du machst die Tabelle breiter! Oder Du unterteilst die einzelnen Kategorien mit einer Line und nimmst mehrzeilige Begriffe in kauf. Oder Du machst Die Schriftgrösse kleiner.

Du siehst es gibt sehr viele Lösungen dafür.

Viel Erfolg

Gruss René

robydog · 20.01.2006

ähm nein das war nicht das Problem
Konnte das mit den Kategorien beheben

Immernoch das Problem mit der Titel in der Mitte

>> Diese Zeichen waren in der Kategorientabelle am falschen Ort

beim Titel in der mitte weiss ich jedoch noch nicht was es ist

danke trotzdem

greetz Andi

zmedia · 20.01.2006

äh, aber das sieht nicht danach aus.

http://www.swissbranche.ch/html/computer-i...ngprovider.html

Von welchen Titel Sprichst Du denn?

Habe es nun gesehen, im Firefox kommt kein fehler, deshalb die Frage nach welchem Titel! IE Problem! Kann auch ein fehlender Tag sein, hier ist IE genauer als der Feuerfuchs.

Ich schau es gleich mal an.

<EDIT>
Also ich habe mir Deinen Code angeschaut, Du solltest ihn dringend aufräumen und sauber strukturieren. Das Problem liegt im Durcheinander des Quellcode sowie den daraus folgenden Fehler-Tag's; denn Du hast zum Beispiel 24 <tabel> Tags und 25 </table> End-Tags. Das geht schon mal nicht auf, so werden immer wieder Fehler auftreten!
</EDIT>

robydog · 20.01.2006

Ich meine den Titel in der mitte Access Hosting Provider
der nicht in sondern unter der tabelle angezeigt wird

zmedia · 20.01.2006

Ja, lies mein letzter Beitrag! Dein Problem mit der mittleren Tabelle beruht auf der Tatsache, dass Dein kompletter CODE nicht fehlerfrei ist!

robydog · 20.01.2006

Ja und könntest du mir denn sagen was daran nicht fehlerfrei ist
denn wenn ich ihn mit einer funktionierenden Tabelle vergleiche
erkenne ich keinen unterschied

Und ich habe auch die komplette funktionierende Tabell kopiert
und dann hats funktioniert sobald ich aber den text des titels
geändert habe, ging es wieder nicht

greetz Andi

zmedia · 20.01.2006

Das es mit der ersten tabelle ging war reiner Zufall!

Wie bereits erwähnt; ein sehr relevanter Fehler stellt die Tatsache dar, dass Du z.Bsp. zuviel </table> Endtags verwendest! Jedes öffnen mus mit einmal Schliessen beendet werden! Also sollte es bereits eine ausgeglichene Anzahl Anfang und End Tags haben.

Weiter habe ich nicht geschaut, da beim neue sortieren bereits die Logik der gesamten Struktur in Frage gestellt wurde.

robydog · 20.01.2006

Kannst du mal schnell hier schauen

Hier war die Linke Tabelle nicht i.O
Diese habe ich eben geändert so dass es geht nun
hier geht eben auch der titel der mittleren tabelle
nicht obwohl der code gleich ist wie bei einer die
geht
was genau an dieser tabelle stimmt denn nicht?

http://www.swissbranche.ch/html/nahrungs-g...nussmittel.html

QUOTE <table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
 <td ><img src="http://www.swissbranche.ch/images/space.gif" width="10" height="450" border="0" alt=""></td>
<td valign="top" width="100%">
<br>
<table width="100%" border="0" cellpadding="0">
<tr>
<td> <br>
<table width="612" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="D5E0E6">
<tr>
<td class="rubrik" nowrap><strong>&raquo; Nahrungs/Genussmittel:</strong></td>
</tr>
<tr>
<td><br> <table width="100%" border="0" cellpadding="2">
<tr>
<td height="274">&nbsp;</td>
<td><table width="80%" border="0" align="center" cellpadding="2">
<tr>
<td height="241"> <table width="100%" border="0" cellpadding="2">
<tr>
<td width="35%" valign="top"><font size="2" face="Arial, Helvetica, sans-serif">&nbsp;
</font></td>
<td width="65%"><table width="100%" border="0" cellpadding="2">
<tr>
<td><div align="right"></div></td>
</tr>
<tr>
<td><div align="right"></div></td>
</tr>
<tr>
<td><div align="right"><font size="2" face="Arial, Helvetica, sans-serif"></font></div></td>
</tr>
<tr>
<td><div align="right"></div></td>
</tr>
<tr>
<td><font size="2" face="Arial, Helvetica, sans-serif">Noch
kein Eintrag vorhanden.<br>
Um ihr Gesch&auml;ft/Firma
kostenlos einzutragen
klicken sie <a href="../../../anmelden.html">hier</a></font></td>
</tr>
</table></td>
</tr>
</table>
<hr> </td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
<td>&nbsp;</td>
</tr>
</table>
<div align="justify">
<div align="justify">
<div align="justify"><font size="2" face="Arial, Helvetica, sans-serif"><br>
</font><font size="2" face="Arial, Helvetica, sans-serif">
<div align="center"></div>
</font></div>
</div>
</div></td>
</tr>
</table>
<br>
<br>
</td>
</tr>
</table> <br>
<hr noshade size="1"width="96%" height="1" style="color:#535353">

</td>

<td ><img src="http://www.swissbranche.ch/images/space.gif" width="10" height="8" border="0" alt=""></td>

</tr>
</table>

greetz Andi

edit:
Habe gerade gesehen dass diese Seite im Firefox richtig angezeigt wird

zmedia · 20.01.2006

Schau Dir einmal Dein CSS File an! Der Style "Rubrik" wird dort mit einer fixen Breite definiert!
CODE .rubrik {background-image:url(http://www.swissbranche.ch/images/balken.jpg); color:black; text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;width:[B]140[/B] px;

Dein Begriff ist aber länger als diese 140 Pixel! Du hast ja bereits die Tabellen in der Breite fixiert, also brauchst Du im Style keine Grösse!

Gruss René Anhang anzeigen 2

robydog · 20.01.2006

ok dann kommen wir ja der sache mal näher

Ich habe die Breite im html file auf 240 pixel abgeändert
und wahrscheinlich vergessen die breite im CSS File zu
ändnern. (Besser gesagt ich wusste nicht das ich es dort
auch noch ändern muss)

ähm nun meine Frage wenn ich das CSS File ändere
sind dann all meine Probleme weg?

wie sieht es denn aus mit der Tabelle in der mitte dort

greetz Andi

zmedia · 20.01.2006

Lösch einfach die Breitenangabe in der Tabelle oder im CSS oder synchronisiere sie, was jedoch keine Sinn macht.

robydog · 20.01.2006

Ok danke denke dass das Problem nun gelöst ist

nur die Linke Tabelle muss ich jede einzelne Datei
überarbiten

nerv

Vielen Dank nochmals

greetz Andi

Problem mit Homepagedesign

robydog

Angesehenes Mitglied

Sascha Ahlers

Legendäres Mitglied

spiv.de

Aktives Mitglied

Sascha Ahlers

Legendäres Mitglied

robydog

Angesehenes Mitglied

spiv.de

Aktives Mitglied

robydog

Angesehenes Mitglied

zmedia

Angesehenes Mitglied

robydog

Angesehenes Mitglied

zmedia

Angesehenes Mitglied

robydog

Angesehenes Mitglied

zmedia

Angesehenes Mitglied

robydog

Angesehenes Mitglied

zmedia

Angesehenes Mitglied

robydog

Angesehenes Mitglied

zmedia

Angesehenes Mitglied

robydog

Angesehenes Mitglied

zmedia

Angesehenes Mitglied

robydog

Angesehenes Mitglied

Wir schützen Ihre Privatsphäre