[HTML/CSS] Webseite auf Firefox zeigts verschoben an.

Dragonlord

Dragonlord

PCtipp-Moderation
Teammitglied
Probieren

Im Moment sehe ich nichts was mir speziell auffällt. Kannst Du mir bitte mal den HTML-Quelltext posten.

lg Rgoer
 
N

norman_b

Aktives Mitglied
vielleicht findest du hier was...


Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="css/screen LDQ.css" rel="stylesheet" type="text/css" />
</head>

<body id="index">
<div id="container">
  <div id="header"> </div>
  <div id="mainContent">
    <div id="mainContent1"><img src="" alt="" width="204" height="180" class="fltlt" /><div id="mainContent2">
      <h2>Endlich neues Layout</h2>
      <p>Monate vergingen, stundenlanger Kampf des Webmasters gegen die Informatik. Verzweifelte Hilfesuche prägten die vergangenen Tage. Erst mit dem Einschreiten von Dani kam die entscheidende Wende.<br />
      Unser neues Layout ist fertig!</p>
      </div>
    </div>
</div>
<div id="navigation">
  <ul>
  <li><a href="index.htm">Home</a></li>
  <li><a href="label.html">Label</a></li>
  <li><a href="phil.htm">Phil</a></li>
  <li><a href="tobias.html">Tobias</a></li>
  <li><a href="filme.htm">Filme</a></li>
  <li><a href="galerie.html">Galerie</a></li>
  <li><a href="links.html">Links</a></li>
  </ul></div>
  <div id="footer">
  <p>© by Los Dos Quatros</p>
</div>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Dragonlord

Dragonlord

PCtipp-Moderation
Teammitglied
Bild

Ich habe Deine Seite mal in meinem Browser angeschaut. Ich hatte keine abgeschnittenen Links. Sieh es Dir selber auf dem Bild an.

pctipp_43.jpg


Du hast noch zwei kleine Fehler. Einen siehst Du direkt im Bild wegen einem Umlaut. Ein Ä wird mit Ä im Quelltext geschrieben.
Der zweite Fehler ist dort wo Du die CSS-Datei aufrufst. Du hast einen Leerschlag im Dateinamen.

Es gibt für Webprogrammierung ein paar ungeschriebene Gesetzte:
  • verwende in Dateinamen keine Umlaute
  • verwende in Dateinamen nur Kleinbuchstaben
  • verwende in Dateinamen keine Leerschläge
Es gibt noch weitere, dies sind aber die Wichtigsten wenn es um Dateinamen geht.

Denk daran nicht die META informationen zu ergänzen.

lg Roger
 
N

norman_b

Aktives Mitglied
Danke! Habe diese Sachen geändert! Aber weshalb schneidets meine Links bei der Vorschau mit dem Internetexplorer ab? Komisches Zeugs!! :-)

Was ist META?
 
Dragonlord

Dragonlord

PCtipp-Moderation
Teammitglied
Meta

Anbei noch das Bild vom IE7. Da hat sich noch Bild eingeschlichen, dass nicht vorhanden ist.

pctipp_44.jpg


META-Tags sind Informationen für Suchmaschinen. Anhand von diesen Informationen erstellt Google und andere Suchmaschinen ihre Einträge.

lg Roger
 
N

norman_b

Aktives Mitglied
ja das mit dem bild ist mir bekannt.. :-) aber das problem mit der navigation finde ich echt komisch... ev. besteht das problem auch nur in der vorschau des dreamweavers... ich lade die seite am wochenende mal hoch und schaue dann.. :-)

vielen dank für deine grosse hilfe! es sollte mer hilfsbewusste webmaster geben wie dich!
 
Dragonlord

Dragonlord

PCtipp-Moderation
Teammitglied
Fehler

Ich glaube ich habe Deinen Fehler gefunden. Kontrolliere nie eine Webseite mit einem internen Programm eines WebEditors.

Immer die Webseite in einem Browser über öffnen betrachten. Dann kannst Du die Datei direkt ansehen.

lg Roger
 
N

norman_b

Aktives Mitglied
hoi roger

nicht ganz... die ganze seite (bis auf den heater) ist nicht zentriert, wenn der bildschrim grösser ist als mein 17"!!!! liegt das daran, dass ich die position-absolut habe?

ausserdem sind noch weitere kleine fehler vorhanden, die ich nicht hinkriege:

im IE: eben, die navigation zeigts abgeschnitten an
im Firefox: die überschrift ist nich in den kästchen...

findest du da eine lösung???

gruss..

und die seite siest du hier: www[dot]losdosquatros[dot]ch

wenn du noch weitere angaben (CSS-Datei(en)) brauchst melde dich.
 
Zuletzt bearbeitet von einem Moderator:
Dragonlord

Dragonlord

PCtipp-Moderation
Teammitglied
Zentriert

Damit es das Ganze noch zentriert, musst Du den Code noch ein wenig ergänzen.

HTML-Code:
Code: 
...
<body>
<div id="container">

Hier rein kommt Dein eigener Code

</div>
</body>
...
CSS-Code
Code: 
#container
{
    left: 50%;
    top: 50%;
    margin-left: -500px; // [COLOR=Red]width / 2[/COLOR]
    margin-top: -220px; // [COLOR=Red]height / 2[/COLOR]
    width: 1000px; // [COLOR=Red]Breite Deiner Webseite[/COLOR]
    height: 440px; // [COLOR=Red]Höhe Deiner Webseite[/COLOR]
    position: absolute;
    z-index: 10;
}
lg Roger
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Oben