Alles Müll außer Firefox und Opera?

[kornyclown]

Ich wusste ja das der IE ziehmlich nervig sein kann mit seinen ganzen Workarounds und Exeptions aber beim meinem neuen Projekt stelle ich fest, dass ausser Firefox und Opera keiner der großen Browser die Darstellung gebacken bekommen.
Warum zum Kukuck sind die denn so anstrengend unterschiedlich und vor allem was macht man dagegen?
Ich hatte mich mal gewundert warum Webdesigns immer so langweilig und eintönig sind aber mittlerweile versteh ich dass bei diesem besc#/$§!nen Browsersupport jede kreative Idee durch eine funktionierende ersetzt werden muss.

 

[randacek_pro]

AW: Alles Müll außer Firefox und Opera?

Wie, was?
Du hast die Probleme auch im Chrome? :uhm:

Verwendest du auch CSS-Resets?

 

[MyBad]

AW: Alles Müll außer Firefox und Opera?

Was passt denn nicht? Mal abgesehen vom IE (ältere Versionen) sollte sauberer Code von allen Browsern korrekt interpretiert und dargestellt werden. Lediglich CSS3 Spielereien könnten sich etwas anders verhalten oder müssen unterschiedlich notiert werden. Aber große Probleme sehe ich auch dort nicht.

 

[patrick_l]

AW: Alles Müll außer Firefox und Opera?

dass ausser Firefox und Opera keiner der großen Browser die Darstellung gebacken bekommen.

Wäre hilfreich wenn man deinen Problemcode sehen (lesen) könnte. Chrome und Firefox haben eigentlich keine Probleme. Denke da jetzt hauptsächlich an HTML5 und vor allem CSS3.

Fängt schon bei ganz simplen Dingen an. Ein CSS reset um alle auf einen Nenner zu bringen. Ansonsten Conditional Comments; Browserprefix und andere Fallbacks.

Ich hatte mich mal gewundert warum Webdesigns immer so langweilig und eintönig

Kann ich nicht nachvollziehen. Ich finde es eher spannend und habe Spaß daran. Auch wenn es manche Sachen gibt, die etwas mehr Zeit abverlangen, weil mehr notiert werden muss.

Zeig uns doch mal deinen Code bzw. gib uns einen Link zu deiner Website. Dann können wir mal einen Blick drauf werfen und dir Lösungsansätze nennen.

Liebe Grüße, Patrick

 

[hub]

AW: Alles Müll außer Firefox und Opera?

Moin moin,

Ich hatte mich mal gewundert warum Webdesigns immer so langweilig und eintönig sind aber mittlerweile versteh ich dass bei diesem besc#/$§!nen Browsersupport jede kreative Idee durch eine funktionierende ersetzt werden muss.

??????
Das liegt weniger an den Browsern als viel mehr an der Akzeptanz der User und dem Können der Designer/Programmierer/Auftraggeber.
Beispiele gibt es genug im Netz.
Zu deinem eigentlichen Problem: siehe Patrick, er bringt es auf den Punkt. Ohne Code oder konkreter Problembeschreibung keine Hilfe, das mit der Kristallkugel ist immer so eine Sache.

Gruß Ulli

 

[dottorino]

AW: Alles Müll außer Firefox und Opera?

Also kurz mal nebenbei erwähnt: (ein Hauch "Off-Topic")

Manche Dinge funktionieren, auch heutzutage noch, nur mit dem IE. Gerade bei Bezahlsachen, Kundenkonten oder Kreditkarteneingaben, Homebanking, Microsoft-Seiten bin ich schon öfters verzweifelt und erst das Schließen meines Firefox' und das Öffnen der Site auf dem IE brachten dann die gewünschten Ergebnisse. Geheimnisvolle Buttons sind dann auf einmal sichtbar, mysteriöse Scripts werden korrekt abgearbeitet und Pop-Ups zeigen plötzlich einen verwertbaren Inhalt. Sicher ist das alles dem Können und Wollen der Site-Programmer geschuldet aber trotzdem ein merkwürdiger Zustand.

Aber ich denke, dass HTML5 und CSS3 das Beste sind, was uns in diesen Tagen passieren konnte. Noch ein paar kleine Anpassungen der Browserhersteller und in Zukunft werden wir alle ein leichteres Leben haben.

Wie gesagt, etwas Off, deswegen nur mal durchlesen und undokumentiert lassen

Danke

 

[kornyclown]

AW: Alles Müll außer Firefox und Opera?

Also ich habe hier mal die testversion hochgeladen.
www.coulrophobia.de
Im FF und in Opera bekomme ich eine korrekte Darstellung. IE zeigt sogut wie garnichts an und Chrome/Safari verreißen die positionen ins unermessliche. Ich verstehe ja dass einige neue funktionen noch lückenhaft implementiert sind aber position absolute sollte doch wohl jeder browser verstehen.

Quellcode:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>Coulrophobia</title>
    <link rel="SHORTCUT ICON" href="icon.jpg" type="image/jpg" />
    <link href="css/style.css" rel="stylesheet" type="text/css"></link>
</head>

<body>

    <div class="wrapper">
        <header>
            <img src="images/CoulrophobiaLogo.png" width="414px" height="115px" alt="Coulrophobia Logo" id="cLogo">
            <a href="home.html"><img src="images/language.png" width="73px" height="24px" alt="language switch" id="language"></a>
            <div id="line"></div>
        </header>
        <section>
            <!--[if lt IE 10]><style type="text/css">.multi {color: red;}</style><![endif]-->
            <p class="multi">
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. 

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. 

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
            </p>
        </section>
        <nav class="navMain">
            <a href="gallery_ger.html" class="navAll navGallery">
                <img src="images/navigation/gallery.jpg" width="175px" height="373px" alt="Korny the Clown" id="gallery_std">
                <img src="images/navigation/galleryOver.jpg" width="175px" height="373px" alt="Gallery" id="gallery_hov">
            </a>
            <a href="contact_ger.html" class="navAll navContact">
                <img src="images/navigation/contact.jpg" width="176px" height="98px" alt="Korny the Clown Smile" id="contact_std">
                <img src="images/navigation/kontaktOver.jpg" width="176px" height="98px" alt="Contact" id="contact_hov">
            </a>
            
            <a href="news_ger.html" class="navAll navNews">
                <img src="images/navigation/news.jpg" width="194px" height="173px" alt="Korny the Clown Nose" id="news_std">
                <img src="images/navigation/neuesOver.jpg" width="194px" height="173px" alt="Neues" id="news_hov">
            </a>
            <a href="video_ger.html" class="navAll navVideo">
                <img src="images/navigation/video.jpg" width="54px" height="368px" alt="Korny the Clown Eyes" id="video_std">
                <img src="images/navigation/videoOver.jpg" width="54px" height="368px" alt="Video" id="video_hov">
            </a>
            <a href="music_ger.html" class="navAll navMusic">
                <img src="images/navigation/music.jpg" width="285px" height="55px" alt="Korny the Clown Eyes" id="music_std">
                <img src="images/navigation/musikOver.jpg" width="285px" height="55px" alt="Music" id="music_hov">
            </a>
            <a href="index.html" class="navAll navHome">
                <img src="images/navigation/home.jpg" width="54px" height="298px" alt="Korny the Clown Face" id="home_std">
                <img src="images/navigation/startOver.jpg" width="54px" height="298px" alt="Start" id="home_hov">
            </a>
        </nav>
        
    </div>
    

    
</body>

</html>

CSS:

@charset "UTF-8";
/* CSS Document */

/*@font-face { font-family: 'OldStandard'; src: url('../font/OldStandard-Regular.ttf') format('truetype'); }*/

html, body {height: 100%; margin:0; padding:0; font-family: Arial, Verdana, sans-serif; background: #000;}
* {outline:none; margin:0; padding:0;}
img, a img {border: none;}
ul, ol, li { list-style:none;}



/* Wrapper */
.wrapper {width: 80%; height: 100%; height: auto; max-width: 100%; margin: auto; overflow: hidden; position: relative; background: #000;}


/* Header */
header {width: 100%; margin: 5% auto; position: relative; background: }
#cLogo {margin: auto; position: relative; display: block;}
header a {width: 73px; height: 24px; margin: -50px 90%; position: absolute; display: block; background:;}
/*#language {margin: 0 0; position: absolute; display: block;}*/
#line {width: 100%; height: 3px; margin: -20px auto 0 auto; position: absolute; background: #fff;}

/* Navigation */
.navMain {width: 354px; height: 676px; margin: auto; position: relative;}

/* German */
.navAll {position: absolute; box-shadow: 8px 8px 10px #111;}
.navHome {width: 54px; height: 298px; margin: 0 52.3%;}
#home_std, #home_hov {position: absolute;}
#home_hov {opacity: 0;}
#home_hov:hover {opacity: 0.8}
.navNews {width: 194px; height: 173px; margin: 66% 27.5%;}
#news_std, #news_hov {position: absolute;}
#news_hov {opacity: 0;}
#news_hov:hover {opacity: 0.8}
.navMusic {width: 284px; height: 55px; margin: 49% 0;}
#music_std, #music_hov {position: absolute;}
#music_hov {opacity: 0;}
#music_hov:hover {opacity: 0.8}
.navVideo {width: 54px; height: 368px; margin: 25% 11%;}
#video_std, #video_hov {position: absolute;}
#video_hov {opacity: 0;}
#video_hov:hover {opacity: 0.8}
.navGallery {width: 175px; height: 373px; margin: 86% 21%;}
#gallery_std, #gallery_hov {position: absolute;}
#gallery_hov {opacity: 0;}
#gallery_hov:hover {opacity: 0.8}
.navContact {width: 176px; height: 98px; margin: 110% 50%;}
#contact_std, #contact_hov {position: absolute;}
#contact_hov {opacity: 0;}
#contact_hov:hover {opacity: 0.8}

section {position: absolute; margin: auto;}
.multi {
    -moz-column-count: 2;
    -moz-column-gap: 30em;
    -webkit-column-count: 2;
    -webkit-column-gap: 30em;
    column-count: 2;
    column-gap: 30em;
    color: #fff;
    height: 676px;
    background: 
}

Das mit der mangelnden Userakzeptanz stimmt leider auch aber da müssen sie dann halt manchmal durch. ist schließlich immernoch Kunst
In diesem Zug möchte ich noch kurz erwähnen, dass es meinerseits ein gezielter Bruch von Webdesignkonventionen ist und ich mir klar darüber bin dass diese Seite nicht für die breite Usermasse geeignet sein wird. Der ein oder andere wird die Usability für unzumutbar halten aber ich will, wie gesagt, gezielt weg von den Klassikern wie header, content, footer oder sidebars, dreispaltenlayouts, etc.
Es soll halt kein kommerzieller Webauftritt, sondern ein künstlerischer sein.

 

[patrick_l]

AW: Alles Müll außer Firefox und Opera?

Im FF und in Opera bekomme ich eine korrekte Darstellung. IE zeigt sogut wie garnichts an [...]

Wie soll der IE etwas damit anfangen, wenn er die neuen HTML5 Elemente nicht kennt?

ist schließlich immernoch Kunst

Kunst ist schlampiger Code nun wirklich nicht

wie gesagt, gezielt weg von den Klassikern wie header, content, footer oder sidebars, dreispaltenlayouts, etc.

Dann solltest du dich mehr mit HTML und CSS auseinandersetzen. Denn damit kann man nicht nur Kasten förmige Websites umsetzen.

Es soll halt kein kommerzieller Webauftritt, sondern ein künstlerischer sein.

Hätte ich damals in der Schule bei meinen Englischarbeiten sagen sollen. "Das sind keine Grammatikfehler, ich habe den Text nur mit meiner künstlerischen Sicht auf den Inhalt gestaltet" :lol:

Nun zurück zu deinem Problem. Wie bereits gesagt empfehle ich dir, dich erst einmal ausreichend mit HTML und CSS auseinander zusetzen. Für die Website selbst wäre das HTML5 Boilerplate eine gute Basis.

Liebe Grüße, Patrick

 

[karsten1077]

AW: Alles Müll außer Firefox und Opera?

naja sehen ja wirklich etwas verschieden aus ;-) hab nur ff und ie, ie kompletter fließtext und in rot. ff 2 spalten und s/w. und du hast recht nicht für die breite user masse geeignet, ich schließe mich hiermit mal ein.

gruß karsten

 

[patrick_l]

AW: Alles Müll außer Firefox und Opera?

Nochmal kurz zum IE. Der IE kennt wie gesagt die neuen HTML5 Elemente (sowie CSS3) nicht, was aber nicht heißt das man ihm diese nicht beibringen kann. Unter anderem dafür gibt es z.B. das Modernizr-Script. Hier mal der Link zur Website:

- Modernizr: the feature detection library for HTML5/CSS3

Liebe Grüße, Patrick

 

[kornyclown]

AW: Alles Müll außer Firefox und Opera?

Kunst ist schlampiger Code nun wirklich nicht

Ich weiß, ich weiß, schön ist anders aber 1. in der Entwicklungsphase ist dass bei mir immer etwas chaotisch und wird erst zum schluss aufgeräumt und 2. fehlt mir für perfekt valider und sauberer Code noch die Erfahrung.

Dann solltest du dich mehr mit HTML und CSS auseinandersetzen. Denn damit kann man nicht nur Kasten förmige Websites umsetzen.

Webseitenprojekte wie dieses sind ja gerade dazu gedacht dass ich daran dazu lerne. Leider geht das nur Schritt für Schritt aber irgendwo muss man ja anfangen, gerade was praktisches arbeiten betrifft.

Für die Website selbst wäre das HTML5 Boilerplate eine gute Basis.

Ich habe mir das Boilerplate schonmal angesehen aber was mich davon noch ein bischen auf Abstand hält, ist die Tatsache dass ich sehr ungern vorgefertigten Code benutze. Besonders wenn ich ihn nicht soweit verstehe, dass ich ihn selber nachbauen könnte. Würde ich 100% verstehen was dort passiert und hätte es selber so schreiben können, würde ich es wahrscheinlich der Einfachheit halber verwenden aber in meiner aktuellen Situation....wenn etwas nicht so läuft wie ich es will, wüsste ich garnicht, wo ich nach dem Fehler suchen sollte. Ist ein bischen schwierig bei mir.

naja sehen ja wirklich etwas verschieden aus ;-) hab nur ff und ie, ie kompletter fließtext und in rot. ff 2 spalten und s/w. und du hast recht nicht für die breite user masse geeignet, ich schließe mich hiermit mal ein.

gruß karsten

Dass die Schrift im IE rot ist, dient wieder nur meiner Entwicklungsphase. So kann ich einfach erkennen ob, in diesem Beispiel, die if-Anweisung für den IE funktioniert. Es ist nur visuelles Feedback und ausnahmsweise kein Fehler vom IE

Nochmal kurz zum IE. Der IE kennt wie gesagt die neuen HTML5 Elemente (sowie CSS3) nicht, was aber nicht heißt das man ihm diese nicht beibringen kann. Unter anderem dafür gibt es z.B. das Modernizr-Script. Hier mal der Link zur Website:

- Modernizr: the feature detection library for HTML5/CSS3

Liebe Grüße, Patrick

Das werde ich gleich als nächsten Schritt in meine Recherchekette einbinden aber was ist mit den anderen. Reicht es da wirklich einfach den Code zu überarbeiten/ zu säubern?

 

[karsten1077]

AW: Alles Müll außer Firefox und Opera?

Ich weiß, ich weiß, schön ist anders aber 1. in der Entwicklungsphase ist dass bei mir immer etwas chaotisch und wird erst zum schluss aufgeräumt und 2. fehlt mir für perfekt valider und sauberer Code noch die Erfahrung.

das dir noch die erfahrung fehlt ist aber nicht die schuld der browser, oder deren programmierer. schon dreist das du die anderen als müll bezeichnest, nur weil du kein sauberes script zustande bringst. ich mein ich kann auch keinen a380 fliegen, ist er deswegen müll??

 

[Myhar]

AW: Alles Müll außer Firefox und Opera?

Reicht es da wirklich einfach den Code zu überarbeiten/ zu säubern?

Ja, reicht es. Du brauchst lediglich für deine übereinander gestapelten Navigationselemente ein position:absolute, ansonsten kannst du das überall entfernen. Auch brauchst du nicht für jedes Element ein position:relative angeben. Das brauchst du nur, wenn du innerhalb dieses Elements etwas absolut positionieren willst. (Es muss hierfür nicht zwingend relative angegeben werden)

Ein weiterer Tipp: Du brauchst keine width/height für so viele Elemente angeben, HTML hat die wunderbare Eigenschaft, dass es die Größe automatisch an die darin enthaltenen Elemente anpasst.

meinerseits ein gezielter Bruch von Webdesignkonventionen

Um Regeln zu brechen, muss man diese erst einmal kennen. Wurde uns im Studium oft genug gesagt. Kennt man die Regeln nicht, dann kommt ein "Pfusch" dabei raus ZB weiß ich nicht, was dich davon abhält, die Navigation als Liste umzusetzen, wie es dir auch in deinem letzten Thread sogar anhand eines sehr guten Beispiel erklärt wurde. Damit lässt sich dein Design ohne kompromisse umsetzen.

1. in der Entwicklungsphase ist dass bei mir immer etwas chaotisch und wird erst zum schluss aufgeräumt und 2. fehlt mir für perfekt valider und sauberer Code noch die Erfahrung.

Verzeih, wenn ich darauf auch eingehe, aber das stimmt nicht. Dafür habe ich den Satz "Es wird nachher aufgeräumt" zu oft gesehen.
Nein, ich meckere nicht nur, ich habe auch positives anzumerken:

Würde ich 100% verstehen was dort passiert und hätte es selber so schreiben können, würde ich es wahrscheinlich der Einfachheit halber verwenden

Diese Einstellung finde ich sehr gut, nur so kannst du auch etwas dazulernen! Gibt so schon genug, welche einfach irgendwelche Frameworks (jQuery, boilerplate, ...) verwenden, ohne zu wissen, wie das ganze funktioniert.
Deshalb mein Appell: Wenn du schon dazulernen willst, dann höre auch darauf, was dir gesagt wird, und schreibe zB die Navigation auch als Liste. Und verwende sprechende Alt-Tags, wenn du auch den Ratschlag der Image Replacement Techniken aus deinem alten Thread nicht umsetzen willst.

Edit, habe gerade einen interessanten Artikel von heute bezüglich Navigation + Listen gelesen.

 

[kornyclown]

AW: Alles Müll außer Firefox und Opera?

Ich danke euch an dieser Stelle erstmal für eure Anteilnahme und Unterstützung.

Auch brauchst du nicht für jedes Element ein position:relative angeben. Das brauchst du nur, wenn du innerhalb dieses Elements etwas absolut positionieren willst. (Es muss hierfür nicht zwingend relative angegeben werden)

Dann ist das wahrscheinliche meine falsche Auffassung eines "sauberen Skriptes". Ich schreib das deswegen bei jedem Element mit rein damit ich auf einen Blick sehe was Sache ist, das ist für mich irgendwie "sauberer". So muss ich nicht erst das Skript durchforsten wo das letzte Parent ist und was ich dort definiert habe, etc.

Ein weiterer Tipp: Du brauchst keine width/height für so viele Elemente angeben, HTML hat die wunderbare Eigenschaft, dass es die Größe automatisch an die darin enthaltenen Elemente anpasst.

Wiedermal meine chaotische arbeitsweise...
Ich gedenke die Bilder dynamisch skalierbar zu machen für das responsive Design und dafür muss ich doch die width und height im CSS angeben, oder?...zusammen mit max-width. Ich hab sie grade noch im HTML stehen, damit ich einfach eine Stelle hab, wo ich sie rauskopieren kann sobald ich an den Punkt komme, wo ich es brauch.

ZB weiß ich nicht, was dich davon abhält, die Navigation als Liste umzusetzen, wie es dir auch in deinem letzten Thread sogar anhand eines sehr guten Beispiel erklärt wurde. Damit lässt sich dein Design ohne kompromisse umsetzen.

Hab mir den Thread gerade nochmal angesehen und festgestellt dass ich den Post wohl überlesen hab, sorry :rot:
Aber ich habe ihn mir jetzt durchgelesen und und den link direkt gebookmarkt (<man sieht das Wort komisch aus)

 

[Herdblog]

AW: Alles Müll außer Firefox und Opera?

Wenn Du mit dem Script zurechtkommst ist das ja erstmal ok. Wenn das aber ein Testprojekt für spätere Sachen sein soll, solltest du doch mal über sauberes Coden nachdenken.
Mit tiefstem Bayrisch kommst du innerhalb deiner Region auch weiter, aber in Hamburg oder Berlin versteht dich keiner mehr. So ist das dann auch mit Programmiersprachen.
Gewöhne Dir suaberes Coden lieber gleich an, das macht es dir später wesentlich leichter.

Aber trotzdem weiterhin viel Spaß bei deinen Projekten, ich bin gespannt wo die Reise hin geht.