Design verzogen

Corona · 20 Juni 2008

Hallo leute, vllt gibt es hier ja ein paar die Ahnung von HTML und co ham, da ich nun ein Problem habe, und zwar verzieht sich meine Internetseite total im Firefox, doch im IE bleibt die Seite, so wie sie sein soll.. Hab hier mal n Päckn gemacht, wo die beiden screens drin sind, als auch der Queltext.. Hoffe jmd kann mri helfen ?!

Klicken

threadi · 20 Juni 2008

Ich habs nicht runtergeladen und angeschaut. Die häufigstens Ursachen für dein Problem sind nicht valider Quellcode - validiere ihn mal z.B. mittels HTML / XHTML / XML / WML Validator

elektrowolf · 20 Juni 2008

Hi!

Ich hab nur mal kurz in deinen Quelltext reingeschaut und seh da tonnenweise  .. Aaargh!!   sollte man nicht als Platzhalter nutzen! Schau dir mal die margin und padding CSS-Attribute an! (Kann gut sein dass die "falsche" Darstellung auch daran liegt).

Grüße, Eric

Corona · 20 Juni 2008

Alles klar, dankesehr schon einmal, ich versuche es mal ohne &nbsp

edit: aber auch das klappt nicht =/

Liskel · 20 Juni 2008

Hm also valide ist der Code nicht... und was mich total erschlagen hat, waren die abertausenden (millionen)   ... ;ugl
Doctype ist auch nicht vorhanden! Mach am Anfang einen Doctype rein und guck dann mal! Ich denke mal dass FF das einfach falsch "interpretiert" und der IE das im Quircks-Modus einfach "richtig" darstellt ...

Edit:/ Ich glaube ich lasse mir zu viel Zeit beim formulieren ...

Corona · 20 Juni 2008

"Doctype" Kannst du mir das mal erläutern :?:

elektrowolf · 20 Juni 2008

Hi!

SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei
Dort kannst du übrigens auch gleich noch was über XHTML nachlesen, was ich bevorzugen würde.

Grüße, Eric

Corona · 20 Juni 2008

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

..ist vorhanden

elektrowolf · 20 Juni 2008

OK, dann ist ja gut. Und geht das jetzt mit margin/padding?

Corona · 20 Juni 2008

hmm.. ja die Tabellenausrichtung passt ja soweit, wegen margin, hat padding nicht etwas mit css zu tun ?!

elektrowolf · 20 Juni 2008

Ja, sagte ich doch?! SELFHTML: Stylesheets / CSS-Formate definieren / Das CSS Box-Modell

Corona · 20 Juni 2008

auch das klappte nicht =( Ich verstehe es einfach nicht, wieso es diesmal so ausschaut, hatte vorher tausend andere webseiten gemacht, auch mti photoshop geslicet, aber nie ist mir soetwas passiert, da es ja im ie noch vernnünftigt angezeigt wird -.-

elektrowolf · 20 Juni 2008

Es wäre vielleicht hilfreich, einen kleinen Beispielcode zu posten, der den Fehler reproduziert. Übrigens: Der FF hält sich besser an Standards als der IE, du solltest dich eher am FF ausrichten. Normalerweise verzweifelt man am IE...

Corona · 20 Juni 2008

Ja, normalerweise benutze ich auch NUR den FF.. hmm.. meinst du, du könntest den quelcode mal verbessern ?

Efchen · 20 Juni 2008

margin/padding ist CSS, ja.
Tabellenausrichtung? Da schrillen bei mir die Alarmglocken! :-)
Du hast ja hoffentlich nicht Tabellen fürs Layout benutzt (ich mag mir nämlich auch nichts runterladen, was ich nicht kenne).

elektrowolf · 21 Juni 2008

Ich hab also nochmal kurz reingeschaut, da seh ich: Du benutzt Frames! Benutz keine Frames! Subotnik: Warum Frames out sind (und es schon immer waren...) Am besten überarbeitest du deine ganze Seite nochmal, ohne Frames (Navigation per PHP ausgeben z.B.), und mit CSS.

Corona · 25 Juni 2008

Ich bin es noch einmal, habe eine neue Homepage erstellt, aber genau den gleichen Fehler, vorher hatte ich n Iframe und nun mit <div> ne scrollbare Textarea eingebaut .. Liegt der Fehler vllt am 03er Office? Da ich den Fehler mit dem 00er Office NIE hatte, wobei ich ehrlich gesagt auch nicht mehr mit der veralteten Version arbeiten möchte..
Hier mein Quelcode, könnt ihr mal schauen ob der Fehler im Firefox auch bei euch auftaucht ?!

Code:

<html>
<head>
<style type="text/css">
body {
  scrollbar-3dlight-color: #......;
  scrollbar-arrow-color: #......;
  scrollbar-base-color: #000000;
  scrollbar-darkshadow-color: #......;
  scrollbar-face-color: #a2a5a4;
  scrollbar-highlight-color: #......;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-track-color: #000000

margin:0px;
padding:0px;
}
</style>
<title>Willkommen bei Padevik</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Unbenannt-1) -->
<div align="center">
&nbsp;<p>&nbsp;</p>
<table id="Tabelle_01" width="801" height="500" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5">
			<p align="center">
			<img src="hintergrund_01.gif" width="800" height="93" alt=""></td>
		<td>
			<p align="center">
			<img src="../Homepagestuff/images/Abstandhalter.gif" width="1" height="93" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<p align="center">
			<img src="hintergrund_02.gif" width="58" height="407" alt=""></td>
		<td rowspan="3" background="hintergrund_03.gif">
			&nbsp;<div style="overflow:auto; width:491px; height:331px; padding:5px; border:1px solid #242424;">
<font color="#FFFFFF">g<font face="Arial" size="2">gggggggggggg</font></font><p>&nbsp;</p>
<p><font color="#FFFFFF" face="Arial" size="2">ujhbzvgujhb</font></div></td>
		<td colspan="3">
			<p align="center">
			<img src="hintergrund_04.gif" width="250" height="45" alt=""></td>
		<td>
			<p align="center">
			<img src="../Homepagestuff/images/Abstandhalter.gif" width="1" height="45" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<p align="center">
			<img src="hintergrund_05.gif" width="35" height="362" alt=""></td>
		<td background="hintergrund_06.gif">
			<p align="right"><u>
			<font color="#FFFFFF" face="Book Antiqua" size="2">Home <br> Shop <br> Kontakt <br> 
			Unternehmen <br> Impressum</be></font></u></p>
		<td rowspan="3">
			<p align="center">
			<img src="hintergrund_07.gif" width="40" height="362" alt=""></td>
		<td>
			<p align="center">
			<img src="../Homepagestuff/images/Abstandhalter.gif" width="1" height="143" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<p align="center">
			<img src="hintergrund_08.gif" width="175" height="219" alt=""></td>
		<td>
			<p align="center">
			<img src="../Homepagestuff/images/Abstandhalter.gif" width="1" height="162" alt=""></td>
	</tr>
	<tr>
		<td>
			<p align="center">
			<img src="hintergrund_09.gif" width="492" height="57" alt=""></td>
		<td>
			<p align="center">
			<img src="../Homepagestuff/images/Abstandhalter.gif" width="1" height="57" alt=""></td>
	</tr>
</table>
</div>
<!-- End ImageReady Slices -->
<body onselectstart="return false">
</body>
</html>

Efchen · 25 Juni 2008

Corona schrieb:
Ich bin es noch einmal, habe eine neue Homepage erstellt, aber genau den gleichen Fehler

Der Code ist auch immer noch mies.

mit <div> ne scrollbare Textarea eingebaut

<div> ist prinzipiell erstmal keine Textarea, sondern ein allgemeines Block-Element, das nur zum Gruppieren verwendet wird.

Liegt der Fehler vllt am 03er Office?

Du schreibst die Seiten aber nciht mit Word oder so, oder?
Ich empfehle einen Text- oder HTML-Editor und keinen WYSIWYG-Editor.

Hier mein Quelcode, könnt ihr mal schauen ob der Fehler im Firefox auch bei euch auftaucht ?!

Nö, kein Link zum Klicken, kein ausprobieren :-)

Grüße,
-Efchen

Corona · 25 Juni 2008

Hey, danke erstmal für die Antwort, ja ich schreibe mit Frontpage

Hm, was für einen Editor kannst du mir denn empfehlen ?

Klick Mich

Hier ist dein Link..

Efchen · 25 Juni 2008

Ich selber benutze ausschließlich vi (gvim), aber die wenigsten würden den Editor als "Empfehlung" empfinden.

Design verzogen

Neues Mitglied

Moderator

Neues Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest