klobrille.designs Website-Layout *Wichtig, brauche Hilfe*

[Manuel]

Na wehe das ist dann nicht top *gg*

Ich brauch ein wenig länger, weil ich gerade mehrere Sachen noch nebenher mache, aber das passt schon...keine Sorge

[Manuel]

http://www.der-webdesigner.net/klobrille/

[Michael]

Hmm.. und ich dachte Marcel wollte erst das 1A-Super-Duper-Top-Tutorial hier abliefern :D Jetzt hast du ihm schon freigegeben, Manuel

Aber hast ne feine Seite gemacht, Marcel! Gefällt mir gut. Sogar ich habe spontan nix zu meckern

[Manuel]

Ich hab extra ein paar versteckte unauffindbare Fehler eingebaut, die ich erst entferne wenn das Tutorial da ist *lach*

[klobrille]

Ich hab extra ein paar versteckte unauffindbare Fehler eingebaut, die ich erst entferne wenn das Tutorial da ist *lach*

Bin gerade am schreiben ...

[klobrille]

Ich schreibe das Tutorial gerade echt so, dass es wahrscheinlich jedr absolute Ober-Neuling verstehen würde. Also ICH gebe mir bei meinen Teil viel Mühe ...

Marcel

[Manuel]

Find ich super

Hab dir deine Seite auch mal so wie sie dort jetzt ist zusammen gebaut. Quellcode ist denke ich auch gut so. Musste zwar sehr oft mit verschiedenen id's dann float:left; verwenden, was man sicherlich auch irgendwie umgehen könnte mit beispielsweise

Code: Alles auswählen

#navi div
{
    float: left;
}

Aber nunja, so kannst du dann jeden Button einzeln anpassen mit CSS.

[klobrille]

Erster Hast eine PM ...

Ihr werdet erstaunt sein von dem Tutorial - einfach perfekt erklärt :D

Marcel

[Manuel]

Wieso erster? Bin doch schon lang fertig und hab auf dich gewartet! (siehe Link oben )

[klobrille]

Wieso erster? Bin doch schon lang fertig und hab auf dich gewartet! (siehe Link oben )

Da ist aber noch alles irgendwie verschoben

[AKrebs70]

Jo stimmt!
Im FF zeigt er die Seite korrekt an. Der IE macht da (wie kann es auch anders sein) wieder Schwierigkeiten.

Axel

[Ellie]

Moin,

fuck the IE...

Code: Alles auswählen

#navi
{
    height: 25px;
    margin-bottom: -1px; /* diese beiden Zeilen sind gegen den 3-px-bug IE */
    margin-top: -3px;
}


sowie

Code: Alles auswählen

#content
{
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y;
    padding: 10px 90px;
    margin-bottom: -1px;/* diese beiden Zeilen sind gegen den 3-px-bug IE */
    margin-top: -3px;
}
#content_end
{
    height: 71px;
    margin-bottom: -3px; /* diese beiden Zeilen sind gegen den 3-px-bug IE */
    margin-top: -3px;
}

Dann klappt es auch im IE. Die umfließenden divs müssen also manuel (hihi, was für eine hochgeistige Wortspielerei) negativ verschoben werden.

Marcel, kommst du langsam dahinter wie das funzt?

LG,
Ellie

[Pascal]

@Template: Lass ihn das ruhig selbst mal machen, sonst lernt er ja wieder nichts, gell Passi?

Lg,
Manuel

Ööööiii........ :evil: was soll das denn heissen??? :D

MFG Pascal

[Manuel]

Oh, ich hab natürlich gar nicht im IE geschaut. Mach ich dir heut Abend noch komplett fertig, sorry

@Ellie: Dieser Bug ist eigentlich gar kein Bug. Und zwar liegt dies am Boxmodell. Unter jedem Text ist ja ein gewisser Abstand nach unten, der für den unteren Teil des g's oder j's da ist. Wie diese Linie heißt hab ich leider vergessen *räusper*
Jedenfalls liegen Bilder nun nicht mehr in der Box/Tabelle drin, sondern auf dieser Linie.

Daher schafft dieser Befehl Abhilfe:

Code: Alles auswählen

display: block;

Ich hatte auch mal eine richtig tolle Erklärung dazu gefunden, finde den Link aber gerade nicht mehr.

Lg,
Manuel

[Krabbi]

Gut das du's sagst, Ellie. Ich war grade schon wieder am verzweifeln weil der IE das nicht anzeigt... FF machts wie immer Naja, Firefox wird sich wohl doch gegen den Internet Hexler durchsetzten