Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster

Optimierung, Logo fixieren, Lücken...

Antwort erstellen

Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 06:06

1 Thema: Optimierung:
Auf den beiden Screens, ist beides mal, die gleiche Seite zu sehen, nur einmal in Internet Explorer und einmal im Firefox.
Ich habe die Seite nur immer mit Firefox kontrolliert.
Aber als ich jetzt zufällig auf den Internet Explorer gestoßen bin, hab ich echt einen Schrecken bekommen.
Nun meine Frage, wie kann ich es so coden bzw. programmieren, dass es in beiden gleich aussieht?

BildBild

2 Thema: Logo fixieren/Lücken:
Wie man oben auf den beiden Screens schon sehen konnte, habe ich unten rechts im Footer ein kleines Logo eingebaut.
Das Problem ist jetzt nur sobald ich das Fenster von Firefox verkleiner schiebt sich das Logo nach Links, d.h. genau über die Schrift.
Aber auf dem Screen müsste man es eigentlich sehr gut erkennen.
Nun meine Frage, wie kann ich das Logo fixieren?Also es soll genau da bleiben wo es ist und sich nicht einfach irgendwie verschieben.

Bild

Und dann hätte ich noch eine Frage, sobald ich das Fenster verkleiner enstehen immer solchen gleichgroßen Lücken, ist das normal oder kann ich das beheben?

Liebe Grüße
Johnny
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon sejuma » 13.08.2010, 06:24

Anhand deiner Grafiken kann man dir nicht helfen: Die zeigen nur den Zustand, nicht aber dessen Ursachen.
Deshalb: Bitte einen Link zur Problemseite.

Häufige Fehlerursachen sind invalider Quelltext, fehlender oder falscher Doctype und absolute Positionierungen.
Bild
sejuma
Vielposter
 
Beiträge: 788
Registriert: 15.07.2009, 17:46
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 06:31

Zu der Seite gibt es keinen Link, das ist ne Page für ne Firma und den FTP kann man nur erreichen wenn du hier im Netz angemeldet bist, aber ich kann dir den kompletten Code hier reinpacken, würde das auch gehen?
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Azra » 13.08.2010, 07:36

Bitte beachten:
http://www.css-info.de/forum/css-fuer-anfaenger-f1/anleitung-fuer-fragesteller-t3367.html

Wenn es keinen anderen Weg gibt, stell eben den ganzen Code rein.
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 07:44

Code: Alles auswählen
<html xmlns="http://www.w3.org/1999/xhtml">
</head>
<style type="text/css">

body
{
   background-image: url(headerhintergrund.png);
   background-repeat: repeat-x;
   z-index: 5;
}

img.ford
{
   top: -250.5;
   left: 68%;
   width:75px;
   height:35px;
   background:url(ford.gif) px 0;
   background-attachment:inherit;
   position: relative;
}

#headerContainer
{
   background-image: url(header.png);
   background-position: center top;
   background-repeat: no-repeat;
   height: 105px;
   z-index: 3;
}

#logo
{
   background-image: url(logo1.png);
   background-position: left;
   background-repeat: no-repeat;
   width: 371px;
   height: 37px;
   position: relative;
   left: 47.4%;
   top: -98px;
   z-index: 2;
}

#footer
{
   background-image: url(footer.png);
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   height: 105px;
   top: 225;
}

p.one
{
   text-align: left;
   position: relative;
   left: 46.3%;
   top: 185;
   width: 400;
   color: #FFFFFF;
}

p.two
{
   text-align: left;
   position: relative;
   left: 47.5%;
   top: 140;
   width: 400;
   color: #FFFFFF;
}

p.three
{
   height: 10px;
   text-align: left;
   position: relative;
   left: 43.5%;
   top: -253;
   width: 174;
}

p.four
{
   height: 10px;
   text-align: right;
   position: relative;
   right: 53%;
   top: -253;
}   

p.five
{
   height: 10px;
   text-align: left;
   position: relative;
   left: 47.4%;
   top: -277;
   width: 272;   
}   
   
.style2
{
   font-size: 13px;
   color: #FFFFFF;
}

.style3
{
   font-size: 15px;
   font-weight: bold;
}

.style4
{
   font-size: 14px;
}

.style5
{
   font-size: 14px;
}

.style6
{
   font-size: 14px;
}

a
{
   text-decoration: none;
}

</style>
<head>

<body>
<div id="headerContainer"></div>
<div id="logo"></div>
<div id="footer"></div>
<p class="one style2">Data - Center - Merkenich / Germany</p>
<p class="two style2">MYR02029.merkenich.ford.com </p>
<p class="three style3">Viewing & Loading Menu:</p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./merkops_log.html">Linux Fuse Gateway - File Distribution Log </a></p>
<p class="four style4">Logfile:</div>
<p class="five style6"> <a href="./meripftp_logfile.html">Linux Gateway - Meripftp Error Log </a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./gpps_logdiv.html">GPPS & USWWT Processing </a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./offerg.log.html">Offergeld Transmissions </a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./price_log.html">Pricelist Clifford Thames</a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./ftp_serv.htm">FTP - Server</a></p>
<p class="four style5">DEALIS:</p>
<p class="five style6"> <a href="./dealis_page/de_framset.html">Advised Shipping Notifications *** CHECK ***</a></p>
<img class="ford" src="ford.gif" width="1" height="1" />
</body>

</html>


SO hier ist der Code, ich hoffe ihr könnnt mir helfen.
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Azra » 13.08.2010, 07:57

Du solltest dich ernsthaft mit der Materie beschäftigen.
Kein Doctype
Grundgerüst ist falsch
<title>-Tag fehlt
Kenntnisse von CSS Attributen nicht vorhanden (in keinster Weise)

Das ganze müsste komplett überarbeitet werden, so erstellt man keine Webseite.
Außerdem können wir ohne die dazu gehörenden Bilder ebenfalls wenig mit dem Code anfangen.

Hier eine leicht bereinigte Version deines Codes:
Code: Alles auswählen
<!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>
<title>Titel der Seite</title>
<style type="text/css">

body
{
   margin: 0;
   padding: 0;
   background-image: url(headerhintergrund.png);
   background-repeat: repeat-x;
   z-index: 5;
}

img.ford
{
   top: -250.5;
   left: 68%;
   width:75px;
   height:35px;
   background:url(ford.gif) px 0;
   background-attachment:inherit;
   position: relative;
}

#headerContainer
{
   background-image: url(header.png);
   background-position: center top;
   background-repeat: no-repeat;
   height: 105px;
   z-index: 3;
}

#logo
{
   background-image: url(logo1.png);
   background-position: left;
   background-repeat: no-repeat;
   width: 371px;
   height: 37px;
   position: relative;
   left: 47.4%;
   top: -98px;
   z-index: 2;
}

#footer
{
   background-image: url(footer.png);
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   height: 105px;
   top: 225;
}

p.one
{
   text-align: left;
   position: relative;
   left: 46.3%;
   top: 185;
   width: 400;
   color: #FFFFFF;
}

p.two
{
   text-align: left;
   position: relative;
   left: 47.5%;
   top: 140;
   width: 400;
   color: #FFFFFF;
}

p.three
{
   height: 10px;
   text-align: left;
   position: relative;
   left: 43.5%;
   top: -253;
   width: 174;
}

p.four
{
   height: 10px;
   text-align: right;
   position: relative;
   right: 53%;
   top: -253;
}   

p.five
{
   height: 10px;
   text-align: left;
   position: relative;
   left: 47.4%;
   top: -277;
   width: 272;   
}   
   
.style2
{
   font-size: 13px;
   color: #FFFFFF;
}

.style3
{
   font-size: 15px;
   font-weight: bold;
}

.style4
{
   font-size: 14px;
}

.style5
{
   font-size: 14px;
}

.style6
{
   font-size: 14px;
}

a
{
   text-decoration: none;
}
</style>
</head>
<body>
<div id="headerContainer"></div>
<div id="logo"></div>
<div id="footer"></div>
<p class="one style2">Data - Center - Merkenich / Germany</p>
<p class="two style2">MYR02029.merkenich.ford.com </p>
<p class="three style3">Viewing &amp; Loading Menu:</p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./merkops_log.html">Linux Fuse Gateway - File Distribution Log </a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./meripftp_logfile.html">Linux Gateway - Meripftp Error Log </a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./gpps_logdiv.html">GPPS &amp; USWWT Processing </a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./offerg.log.html">Offergeld Transmissions </a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./price_log.html">Pricelist Clifford Thames</a></p>
<p class="four style4">Logfile:</p>
<p class="five style6"> <a href="./ftp_serv.htm">FTP - Server</a></p>
<p class="four style5">DEALIS:</p>
<p class="five style6"> <a href="./dealis_page/de_framset.html">Advised Shipping Notifications *** CHECK ***</a></p>
<img class="ford" src="ford.gif" width="1" height="1" alt="Ford Logo" />
</body>
</html>
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 08:23

Ja tut mir leid.
Ich arbeite noch nicht so lange mit CSS.. :|
Und ganz ehrlich die Schlagwörter wie Attribut etc. sagen mir auch nicht wirklich viel.
Jeder fängt mal klein an, aber aus diesem Grund hab ich mich ja auch registriert, ich möchte mehr lernen bzw. besser und wenn mir jemand meine Fehler nicht zeigt, dann kann ich sie auch nicht verbessern, deshalb Danke für dein "hartes" Feedback. :D

Hier sind die Bilder:
Logo:
Bild
Header:
Bild
Headerhintergrund:
Bild
Footer:
Bild
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon sejuma » 13.08.2010, 09:34

Ohne gewisse Grundkenntnisse kommst du da nicht weiter.
Ein weiteres Beispiel:
Hier verwendest du drei vollkommen identische Klassen:
Code: Alles auswählen
.style4
{
   font-size: 14px;
}

.style5
{
   font-size: 14px;
}

.style6
{
   font-size: 14px;
}


Das ist vollkommen unnötig, bläht alles auf und macht es unübersichtlich.

Wie Azra bereits sagte:
Am besten
1. HTML und CSS lernen
2. Danach die Seite nochmal komplett neu aufbauen
3. Und wenn dann noch Fragen und Probleme sind hier nochmal melden.

Schöne Websites fallen nun nicht mal vom Himmel.
Bild
sejuma
Vielposter
 
Beiträge: 788
Registriert: 15.07.2009, 17:46
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 09:51

Achso ja das hatte ich extra gemacht.
Aber du meinst, dass man es so machen sollte, oder?

Code: Alles auswählen
<!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>
<title>CSC</title>
<style type="text/css">

body
{
   margin: 0;
   padding: 0;
   background-image: url(headerhintergrund.png);
   background-repeat: repeat-x;
   z-index: 5;
}

img.ford
{
   top: -250.5;
   left: 68%;
   width:75px;
   height:35px;
   background:url(ford.gif) px 0;
   background-attachment:inherit;
   position: relative;
}

#headerContainer
{
   background-image: url(header.png);
   background-position: center top;
   background-repeat: no-repeat;
   height: 105px;
   z-index: 3;
}

#logo
{
   background-image: url(logo1.png);
   background-position: left;
   background-repeat: no-repeat;
   width: 371px;
   height: 37px;
   position: relative;
   left: 47.4%;
   top: -98px;
   z-index: 2;
}

#footer
{
   background-image: url(footer.png);
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   height: 105px;
   top: 225;
}

p.one
{
   text-align: left;
   position: relative;
   left: 46.3%;
   top: 185;
   width: 400;
   color: #FFFFFF;
}

p.two
{
   text-align: left;
   position: relative;
   left: 47.5%;
   top: 140;
   width: 400;
   color: #FFFFFF;
}

p.three
{
   height: 10px;
   text-align: left;
   position: relative;
   left: 43.5%;
   top: -253;
   width: 174;
}

p.four
{
   height: 10px;
   text-align: right;
   position: relative;
   right: 53%;
   top: -253;
}   

p.five
{
   height: 10px;
   text-align: left;
   position: relative;
   left: 47.4%;
   top: -277;
   width: 272;   
}   
   
.style2
{
   font-size: 13px;
   color: #FFFFFF;
}

.style3
{
   font-size: 15px;
   font-weight: bold;
}

.style4
{
   font-size: 14px;
}

a
{
   text-decoration: none;
}
</style>
</head>
<body>
<div id="headerContainer"></div>
<div id="logo"></div>
<div id="footer"></div>
<p class="one style2">Data - Center - Merkenich / Germany</p>
<p class="two style2">MYR02029.merkenich.ford.com </p>
<p class="three style3">Viewing &amp; Loading Menu:</p>
<p class="four style4">Logfile:</p>
<p class="five style4"> <a href="./merkops_log.html">Linux Fuse Gateway - File Distribution Log </a></p>
<p class="four style4">Logfile:</p>
<p class="five style4"> <a href="./meripftp_logfile.html">Linux Gateway - Meripftp Error Log </a></p>
<p class="four style4">Logfile:</p>
<p class="five style4"> <a href="./gpps_logdiv.html">GPPS &amp; USWWT Processing </a></p>
<p class="four style4">Logfile:</p>
<p class="five style4"> <a href="./offerg.log.html">Offergeld Transmissions </a></p>
<p class="four style4">Logfile:</p>
<p class="five style4"> <a href="./price_log.html">Pricelist Clifford Thames</a></p>
<p class="four style4">Logfile:</p>
<p class="five style4"> <a href="./ftp_serv.htm">FTP - Server</a></p>
<p class="four style4">DEALIS:</p>
<p class="five style4"> <a href="./dealis_page/de_framset.html">Advised Shipping Notifications *** CHECK ***</a></p>
<img class="ford" src="ford.gif" width="1" height="1" alt="Ford Logo" />
</body>
</html>
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 10:12

Ich weiß nicht ob es die Funktion "Editieren" hier nicht gibt oder ob ich einfach nur blind bin.
Auf jeden Fall, hab ich jetzt den ob angegeben Code probiert, nun sieht es wie folgt aus.

Bild

PS.Das Problem ist nur, ich soll das so schnell wie möglich fertig bekommen.
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Azra » 13.08.2010, 10:37

Also ich denke es soll iiiiirgendwie so aussehen.
an der Textbearbeitung musst du selber arbeiten.
Code: Alles auswählen
<!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>
<title>Titel der Seite</title>
<style type="text/css">

body
{
   margin: 0;
   padding: 0;
   background-image: url(http://img3.imagebanana.com/img/gx0gvpcm/headerhintergrund.png);
   background-repeat: repeat-x;
   text-align: center;
}

img.ford
{
   width:75px;
   height:35px;
   background:url(ford.gif) px 0;
}

#wrapper {
   text-align: left;
   margin: 0 auto;
   width: 800px;
   height: auto;
}

#headerContainer
{
   background-image: url(http://img3.imagebanana.com/img/8u78oqyv/header.png);
   background-repeat: no-repeat;
   height: 105px;
}

#footer
{
   background-image: url(http://img3.imagebanana.com/img/8awrf0j5/footer.png);
   background-repeat: no-repeat;
   height: 105px;

}

p.one
{
   text-align: left;
   width: 400;
   color: #FFFFFF;
}

p.two
{
   text-align: left;
   width: 400;
   color: #FFFFFF;
}

p.three
{
   height: 10px;
   text-align: left;
   width: 174;
}

p.four
{
   height: 10px;
   text-align: right;
}   

p.five
{
   height: 10px;
   text-align: left;
   width: 272;   
}   
   
.style2
{
   font-size: 13px;
   color: #FFFFFF;
}

.style3
{
   font-size: 15px;
   font-weight: bold;
}

.style4
{
   font-size: 14px;
}

.style5
{
   font-size: 14px;
}

.style6
{
   font-size: 14px;
}

a
{
   text-decoration: none;
}
</style>
</head>
<body>
<div id="wrapper">
   <div id="headerContainer"></div>
   <div>
      <p class="one style2">Data - Center - Merkenich / Germany</p>
      <p class="two style2">MYR02029.merkenich.ford.com </p>
      <p class="three style3">Viewing &amp; Loading Menu:</p>
      <p class="four style4">Logfile:</p>
      <p class="five style6"> <a href="./merkops_log.html">Linux Fuse Gateway - File Distribution Log </a></p>
      <p class="four style4">Logfile:</p>
      <p class="five style6"> <a href="./meripftp_logfile.html">Linux Gateway - Meripftp Error Log </a></p>
      <p class="four style4">Logfile:</p>
      <p class="five style6"> <a href="./gpps_logdiv.html">GPPS &amp; USWWT Processing </a></p>
      <p class="four style4">Logfile:</p>
      <p class="five style6"> <a href="./offerg.log.html">Offergeld Transmissions </a></p>
      <p class="four style4">Logfile:</p>
      <p class="five style6"> <a href="./price_log.html">Pricelist Clifford Thames</a></p>
      <p class="four style4">Logfile:</p>
      <p class="five style6"> <a href="./ftp_serv.htm">FTP - Server</a></p>
      <p class="four style5">DEALIS:</p>
      <p class="five style6"> <a href="./dealis_page/de_framset.html">Advised Shipping Notifications *** CHECK ***</a></p>
   </div>
   <div id="footer">
      <img class="ford" src="ford.gif" width="1" height="1" alt="Ford Logo" />
   </div>
</div>
</body>
</html>


Die Bildpfade musst du wieder ändern, ich habe sie direkt online abgegriffen.
Ausserdem ist ein Wrapper Container drin, um den gesamten Inhalt zu zentrieren.
Wenn die Seite nicht zentriert sein soll muss in CSS lediglich "margin: 0 auto;" durch "margin: 0;" ersetzt werden.

Viel Erfolg!
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 11:22

Ah cool schonmal vielen dank.
Nur das Problem ist jetzt, wie kann ich zum Beispiel das Ford Logo verschieben, "top" und "right" funktionieren irgendwie nicht.
Und was ist eigentlich wenn ich den Wrapper genau nach der Breite des Header einrichte, dass wären dann 643px, sollen die 800px bleiben, oder kann ich auch die 643 einsetzen?
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Azra » 13.08.2010, 11:50

Ford Logo verschieben

Ich habe vergessen das in den Code zu schreiben, hatte die Änderungen direkt im Browser vorgenommen und nicht übertragen.

Für das Logo
Code: Alles auswählen
img.ford
{
   width:75px;
   height:35px;
   background:url(ford.gif) px 0;
   position: absolute;
   top: 62px;
   left: 560px;
}
#footer
{
   background-image: url(http://img3.imagebanana.com/img/8awrf0j5/footer.png);
   background-repeat: no-repeat;
   height: 105px;
   position: relative;
}


diese beiden IDs ändern.

kann ich auch die 643 einsetzen?

Ja kannst du.
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 12:06

Boah hammer..
Das Logo bleibt an Ort und schule juhu vielen Dank.. :)
Kurze Frage hast du das logo aus dem Header zufällig auch nicht übertragen oder ist das extra so?
Und hast du unten die Schrift rausgenommen?
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Azra » 13.08.2010, 13:27

das logo aus dem Header

Achso das war ein Logo :|
Ja den <div>Container habe ich entfernt. Kannst du so wieder einbauen:
HTML
Code: Alles auswählen
<div id="headerContainer" style="padding-top: 10px;">
      <div id="logo"></div>
</div>

CSS
Code: Alles auswählen
#logo {
   background-image: url(http://img3.imagebanana.com/img/e06k3hw8/logo1.png);
   background-repeat: no-repeat;
   height: 37px;
   width: 371px;
   margin-left: 250px;
}


Was für eine Schrift unten?
Hatte eig. nur das Logo entfernt-
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 13.08.2010, 20:50

Also mit dem Logo das hab ich jetzt anders gemacht, ich hab das Logo jetzt direkt in den Header eingebaut per Photoshop.
Außerdem hab ich allen Bildern einen weißen Hintergrund gegeben, ging leider nicht anders, da das Transparente vom IE 6 grau angezeigt wurde, wer natürlich dafür noch ne besser Lösung hat, soll sie gerne posten.
Nun hab ich noch eine Frage, das Design bzw. die Page wird jetzt nach deiner bzw. eurer Hilfe perfekt im Firefox angezeigt, nur leider nicht im IE 6, nun meine Frage wie kann ich dafür extra coden, also das fürn Firefox alles so bleibt und die Sachen nur für den IE 6 geändert werden.
Ich hatte da was unter Tutorials gelesen, aber ich hab nicht wirklich Ahnung wie ich das anstellen soll.
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon Johnny » 15.08.2010, 17:57

Also ich habe jetzt eine index Datei erstellt in der folgendes steht:
Code: Alles auswählen
<!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>
<title>Browserabfrage</title>
  <link type="text/css" rel="stylesheet" href="./css/default.css">

     <!--[if IE 6]>
       <link type="text/css" rel="stylesheet" href="./css/default_ie.css">
     <![endif]-->
</head>


<body>
</body>
</html>


Dann hab ich noch zwei andere Datein erstellt einmal mit dem Namen default und einmal mit dem Namen default_ie.
So und jetzt weiß ich nicht mehr weiter, es funktioniert einfach nicht.
Ich denke mal ich mach das total falsch nur leider blick ich da momentan einfach nicht durch zumal ich mit der Beschreibung wie das ganze funktionieren soll auch nicht wirklich viel draus lesen kann.
Wäre cool wenn mir nochmal jemand helfen würde.
Johnny
Gelegenheitsleser
 
Beiträge: 16
Registriert: 13.08.2010, 05:56
Nach oben

Re: Optimierung, Logo fixieren, Lücken...

Beitragvon xiaoxin » 29.09.2010, 07:42

Very happy to be here, this site thomas sabo charms is very good, very happy to share with everyone here, I will share with my friends, Thank you for sharing!
xiaoxin
neu hier
 
Beiträge: 1
Registriert: 29.09.2010, 07:28
Nach oben
Antwort erstellen

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Optimierung, Logo fixieren, Lücken..."

Zurück zu: Fragen zur Homepage

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Optimized by SEO phpBB, Deutsche Übersetzung durch phpBB.de