Hilfe gesucht

Ceiko · 6. Mai 2009

es sieht alles aus wie vorher und im index steht doch genau dasselbe wie ich vorher hatte?

YetiZwerg · 6. Mai 2009

nein es steht niht das gleiche drin... schau mal genau hin

Ceiko · 6. Mai 2009

das problem das es in beiden brwosern anders aussieht ist immernoch net gelöst... kan mir jemand helfen?

Axel · 6. Mai 2009

Zitat von "Ceiko"

das problem das es in beiden brwosern anders aussieht ist immernoch net gelöst... kan mir jemand helfen?

Welche Versionen der Browser nutzt du denn?

Was sieht genau anders aus (ich habe nun nicht alle vorherigen Antworten durchforstet, daher hier die Frage).

Ceiko · 6. Mai 2009

version ka
schaus dir einfach an ich hab 2 bilder nen paar posts weiter oben

NeoAramis · 6. Mai 2009

Nimm die Prozentangaben im Style Sheet raus, zum Beispiel 100 % ist unnötig und vergrössert die CSS Datei nur unnötig. Sowieso musst du bei der "width" Eigenschaft eben nichts angeben, damit, wie du beabsichtigst, die ganze Seite benützen kannst. Erstelle dann im Style Sheet ein separater Schriftselektor und benütze die Eigenschaft "padding", dann sollte es ziemlich gut werden.

Ceiko · 6. Mai 2009

seperater schriftselektor?

NeoAramis · 6. Mai 2009

Also ich meine, dann wenn du dann einmal den Text einfügst. Würde vielleicht schonmal einen Fülltext reinmachen. --> <a class="postlink" href="http://www.loremipsum.de">http://www.loremipsum.de</a>
So kannst du dich ein bisschen besser orientieren.

Nimm doch meine Vorlage, die war genau das, was du wolltest! Oder was ist jetzt genau dein Problem?

Ceiko · 6. Mai 2009

zum problem firefox und IE also ich muss den quelltext für firefox basteln und dann mithilfe von hacks den IE konfigurieren im css teil
mein moentanes prob ist ich will 2 vertikale ränder einblenden
und in der mitte soll der text kommen nuir irgendwie krieg ich das net hin...

NeoAramis · 6. Mai 2009

Deine Website ist sehr einfach aufgebaut, da brauchst du keine Hacks, damit es auch mit dem Internet Explorer funktioniert. Aber du hast recht, das du erst einmal die Website auf den Firefox ausrichtest und sie dann an den Internet Explorer angleichst.

Meiner Meinung nach muss es folglich Fehler im Quelltext haben. Ich habe aber jetzt leider nicht genügend Zeit um den Quelltext pedantisch zu untersuchen.

Aber wie schon erwähnt, lösche diese Prozentangaben im Style Sheet, die sind umsonst.

Ceiko · 7. Mai 2009

so ich poste jetzt mal ganz genau mein jetziges problem:
mozilla zeigt die website mittlerweile peferkt an(bis auf den unteren weißen rand der net weggehen will)

[Blockierte Grafik: http://www.bilder-space.de/thumb/07.05aRL0gdCBtYiREjF.GIF]

im IE hab ichs leicht angepasst jedoch gibts ein Problem:

[Blockierte Grafik: http://www.bilder-space.de/thumb/07.05X3fe9vmbdO0Hjo1.GIF]
da sich das textelement am rechten schatten orientiert ergab sich folgendes problem: Im mozilla konnte ich margine-left vom text mit einer negativen zahl belegen um somit in die mitte zu kommen.Bei IE geht das leider net und somit bleibt der text immer rechts neben dem rechten schatten.

HTML

<!DOCTYPE XHTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Firma Siegfried Wei&szlig;enborn" />
<meta name="author" content="Eric Wei&szlig;enborn" />
<meta name="keywords" content="Stahlbau Metallbau Firma familieunternehmen Schweissen " />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




<link href="style.css" type="text/css" rel="stylesheet" />
</head>




<body>
<div id="style" >




<div  id="wrapper">
<div  id="header"><img src="Firmenlogo4.jpg" title="Siegfried Weißenborn GmbH" /></div>




<div id="navi">
<table >
    <tr>
        <td>
        <div id="naviab1">
            <a href="index.htm">Startseite </a>
        </div>
        </td>
        <td>
        <div id="naviab2">
            <a href="daswir.htm">Das sind Wir</a>
        </div>
        </td>
        <td>
        <div id="naviab3">
             <a href="geschichte.htm">Geschichte</a>
        </div>
        </td>
        <td>
        <div id="naviab3">
         <a href="kontakt.htm">Kontakt</a>
         </div>
        </td>
     </tr>
</table>
</div>




<div id="schatten"></div>
<div id="lischatten">
<div id="reschatten">
<br/>
<div id="inhalte">




<h1>Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH </h1>










<div id="footer">
&copy; Eric Wei&szlig;enborn




</div>
</div>
</div>
</div>
</div>
</body>
</html>

Alles anzeigen

CSS

Code

* {
  margin:0;
  padding:0;
}
html, body {
  font-family: Arial, sans-serif;
}
#style{
     background:url(bg-inhalt.jpg);




     height:100%;
}
#wrapper{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 100%;
    height: 10em;
}
#header img{
    width: 110.5%;
    height:250%;
    border: none;
}
#navi {
    background-color:#ceb98e;
    margin-top:15em;
    padding-left:5em;
    padding-right:5em;
    width: 92.8%;
}




* html #navi{
    background-color:#ceb98e;
    margin-top:0em;
    padding-left:5em;
    padding-right:5em;
    width: 92.8%;
}
#naviab1{
  margin-left:0em;
  margin-right:4em;
}
#naviab2{
  margin-left:5em;
  margin-right:5em;
}
#naviab3{
  margin-left:4em;
  margin-right:5em;
}
#naviab4{
  margin-left:5em;
  margin-right:5em;
}
#navi li {
float:left;
padding-right:0em;
padding-left:4em;
background-color: #ceb98e;
}
#inhalte {
margin-left: -61.0em;
padding-left:20px;
padding-right: 2em;
margin-top:-0.75em;
margin-right:0.5em;




padding-top: 10px;
min-height: 400px;
background-color:white;
}




*html #inhalte {
float:left;
margin-left: -5em;
margin-right:5em;
padding-left:5em;
padding-right: 2em;
margin-top:0em;




padding-top: 10px;
background-color:white;
}




#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}
#schatten{
      background:url(schattenwurf-grau-v.png) repeat-x;
      width:110.5%;
      margin-top:0em;
      height:12px;
}




#lischatten{
      background:url(schattenwurf-grau-vlinks.png) repeat-y;
      margin-top:0.5px;
      width:12px;
      padding-right:4em ;
}
*html #lischatten{
      background:url(schattenwurf-grau-vlinks.png) repeat-y;
      float:left;
      margin-top:0.5px;
      width:12px;
      padding-right:0em ;
}
  #reschatten{
      background:url(schattenwurf-grau-vrechts.png) repeat-y;
      width:12px;
      margin-top:-0.45em ;
      margin-right:10em;
      margin-left:61.4em;
}




*html  #reschatten{
      float:right;
      background:url(schattenwurf-grau-vrechts.png) repeat-y;
      width:12px;
      margin-top:-0.45em ;
      margin-right:5em;
      margin-left:60em;
}

Alles anzeigen

@neo aramis durch einfaches ersetzen der prozentzahlen ging das problem auch net weg aus dem oben beschriebenen problem^^aber trotzdem thx für die hilfe

heckmann · 7. Mai 2009

Kannst mal das Bild hochladen also das von deiner Seite wenn ich Zeit habe heute Abend mach ich dir es das es klappt.

Ceiko · 7. Mai 2009

jo das wäre echt nett aber bitte erklär mir wie du es machst...bzw teamview, damit kannste mein pc fernsteuern und ich kann zuschauen...
<a class="postlink" href="http://www.teamviewer.com/download/TeamViewer_Setup_de.exe">http://www.teamviewer.com/download/Team ... tup_de.exe</a>
der ordner
<a class="postlink" href="http://rapidshare.com/files/230293828/firma.rar.html">http://rapidshare.com/files/230293828/firma.rar.html</a>

meine icq:337930005

heckmann · 7. Mai 2009

Ich kenne Teamviewer^^. Ich werde dir sagen was du falsch gemachst hast.Ich bin aber auch kein Profi,aber kann ja nicht so schwer sein :),Ich werde es dann wieder Hochladen und den Link hier Posten.

Ceiko · 7. Mai 2009

das firmenbild wird aber ersetzt...trotzdem, vielen dank^^

heckmann · 7. Mai 2009

Was soll ich den genau machen schreib das jetzt mal alles auf.

NeoAramis · 7. Mai 2009

Lieber Ceiko...

Ich habe nun Deine Website vollkommen überarbeitet. Dabei fand ich einige gravierende Fehler oder schlechtes HTML.

Zum Beispiel hast Du einige Tags nicht mehr geschlossen, sogar div-Tags. Da musst Du Dich nicht wundern, wenn es nicht mehr funktioniert. Oder der Einsatz des <br />-Tags ist eigentlich praktisch nicht mehr nötig, du hast aber um den Platz für den Inhalt zu demonstrieren diesen Tag hintereinander etwa 20 mal aufgeführt. Für dieses Problem gibt es "padding" und "margin". Mach diesen Fehler nie wieder!

Der ganze Quellcode ist nun auch viel schlanker, denn Du hast einige Tags sogar zweimal definiert, was dazu führte, dass ein regelrechtes Chaos entstand. Oder du hast auch die Listen Tags definiert aber in deiner Website hast du es nie eingesetzt?

Dann die Navigation. Jede Navigtion muss mit Listen erstellt werden. Deine Lösung mit Tabellen und schliesslich sogar noch mit div-Tags war dann doch der Höhepunkt.

Schliesslich habe ich die Browserkompatibilität stark berücksichtigt. Also wenn Du mit dieser Seite so weiter fährst und standardkonforme Regeln befolgst, wird Deine Website sehr solide und wird sicher auf 90 % aller Browsern laufen.

Noch eine kurze Bemerkung zum Design, achte ein bisschen mehr auf die Farben, denn zum Beispiel der Hintergrund ist nicht sehr ästhetisch! Aber vielleicht eher Geschmackssache.

Dann noch eine Hinweis, diese Website ist nicht fertig. Sollte nur ein solides Framework sein. Da steht noch viel Arbeit vor Dir. Und vielleicht führst Du dir der ganze Quellcode zuerst zu Gemüte und merkst Dir ganz gut was ich gemacht habe bzw. was Du falsch gemacht hast. Vielleicht kann er kleine Fehler enthalten. Darum bitte ich die anderen ihn vielleicht auch kurz zu prüfen.

Hier nun der Link zum herunterladen (Zuerst entpacken, dann die Dateien öffnen, sonst wird die CSS-Datei nicht erkannt):

» <a class="postlink" href="http://anver.ch/download/website.zip">http://anver.ch/download/website.zip</a>

Gruss NeoAramis

Ceiko · 8. Mai 2009

vielen,vielen dank... dass ich noch kein guter html und css schreiber bin hätt ich dir vorher sagen können...wie gesagt habs mir selbst beigebracht und das seit montag... das am anfang viele gravierende fehler da sind müsste wohl klar sein.das navi hab ich deshalb mit einer tabelle gemacht damit diese punkte nicht angezeigt werden

Edit:die liste kam auf nen anderen hyperlink^^
deswegen die definieerten listen^^

edit2:wieso hast du 3 mal navigation stehen? für die einzelnen browser???
text-decoration: none; was heißt das?
display: block; solid;auto;list-style-type: none;sans-serif; dito

ansonsten bin ich dir sehr dankbar jetzt weis ich auc h wie ich ne neue website aufbauen sollte erst alle rahmen machen... ich hab mim bild angefangen und dadrauf alles angepasst^^

kleines prob hab ich noch und zwar nach einsetzen der grafik ist beim IE nen spalt zwischen Logo und border entstanden ...margine und padding stehen aber überall auf 0 wo könnte die ursache liegen ?

YetiZwerg · 8. Mai 2009

ich würde die divs mal scließen...
und nicht alle erst am Ende^^

das wäre schomal ein Schritt in die richtige Richtung

NeoAramis · 10. Mai 2009

Du hast etwas in CSS nicht wirklich verstanden. Ich erkläre es Dir mal ganz genau, aber im Moment habe ich nicht wirklich viel Zeit.

Hilfe gesucht

Jetzt mitmachen!

Teilen