|
|||
Was habe ich Falsch gemacht?
Ich habe jetzt schon einiges versucht, aber ich kriege es einfach nicht hin!
HTML-Code:
body { background-color: lightgrey; } #titel { height: 100; width: 800; padding: 5; background-color: blue; } #navi { height: 500; width: 150; padding: 5; background-color: grey; } #content { height: auto; width: 650; padding: 5; background-color: red; } #footer { height: 50; width: 800; padding: 5; background-color: yellow; } .page { height: auto; width: 800; margin-left: auto; margin-right: auto; } |
Sponsored Links |
Sponsored Links |
|
|||
Müssen die einheiten da stehen? Ich habe bis jetzt immer ohne pixel gearbeitet und es war kein problem.. jetzt ist die seite ja mittig aber halt die Navigation ist nicht neben dem content..
Ich arbeite mit dem Handy deswegen habe ich die seite nirgendwo hochgeladen |
|
||||
Ist ja auch gut, das DU der einzige bist der sieht was du da fabriziert hast. Lad die Seite hoch und arbeite nicht vom Handy aus O.o
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Gut ich habe die Seite jetzt ein bisschen bearbeitet:CG4M3R
Der Code sieht jetzt so aus: HTML-Code:
body { background-image: url(bg.png); font-family: Arial; } li { list-style-type: none; font-family: Courier New; margin-left: -20; } h1 { margin: 0; } h3 { margin: 0; } a { color: black; } a:visited { color: black; } a:hover { color: white; } a:active { color: black; } .page { height: auto; width: 800; margin-left: auto; margin-right: auto; } #titel { height: auto; width: 800; padding: 5; background-color: black; } #navi { height: auto; width: 140; padding: 5; background-color: lightgrey; position: relative; } #content { height: auto; width: 650; padding: 5; background-color: white; margin-left: 150; } #footer { height: auto; width: 800; padding: 5; background-color: black; } Geändert von C0R3G4M3R (13.03.2013 um 21:36 Uhr) |
|
||||
Zitat:
|
|
|||
Zitat:
|
|
||||
Zitat:
font ist veraltet seit CSS in allen Browser funktioniert, also ungefähr seit 1999. Genauer seit HTML 4.01 definiert wurde Alignment, font styles, and horizontal rules in HTML documents Es muss nicht in Anführungszeichen geschrieben werden. |
Sponsored Links |
|
||||
Guten Morgen,
Ja! und Ja! Da Browser relativ fehlertolerante Wesen sind, kommen sie theoretisch auch ohne aus und bemühen sich immer etwas darzustellen. Der Doctype hat allerdings, wie du in den oben aufgeführten Links nachlesen kannst und auch solltest, seine Daseinsberechtigung und sollte unter allen Umständen vorhanden sein und korrekt angegeben werden. Auch zum Quirks-Mode solltest du dich belesen. Bereits seit HTML4.01. Das hat aber auch gute Gründ, denn durch das Konzept, den Inhalt von der Gestaltung zu trennen, gehören visuelle Formatierungen jeglicher Art (bspw. Schriftgrößen- oder farben) in's CSS (font-style, font-size, ..) und nicht in's Markup. Im Markup zeichnest du den Inhalt lediglich aus - gibst ihm also quasi eine Struktur. Das war auf Attribute wie href bezogen. Deren Inhalt sollte in Anführungsstrichen stehen. Wie du aktuell auf deiner Website sehen kannst, hängt der Inhalt ("Willkommen..") unter der linken Navigation. Das lässt sich lösen, indem du der Navigation ein float verpasst und den footer anschließend clearst - damit dieser nicht auch neben die Navigation rutscht. Wie du letztlich siehst, ist das alles nicht so einfach wie du es dir evt. vorgestellt hast. Am besten du legst dein Projekt vorerst beiseite und investierst deine Energie in eine entsprechende Grundlagenlektüre (bspw. Little Boxes). HTML und CSS lassen sich nicht erraten und auch sollte man nicht alles glauben, was die bösen Lehrer einem erzählen Mit freundlichen Grüßen, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Div springt falsch | Skiruna | CSS | 3 | 30.01.2012 12:31 |
Was ist an meinem CSS Style Code falsch? | bayway | CSS | 3 | 29.07.2009 23:24 |
IE6:Horizontales Menü wird unterschiedlich angezeigt:erst falsch, nach Reload korrekt | Ste | CSS | 0 | 25.02.2009 13:46 |
IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig | nick | CSS | 6 | 19.08.2006 02:02 |
Site mit Firefox --> Ok ! Mit IE völlig falsch. Warum ? | mastermsc | CSS | 3 | 05.01.2005 21:46 |