CSS Probleme

Tobse

Ich baue, wie manche vielleicht schon wissen gerade an einer neuen homepage. Es ist bsiher alles gu gelaufen, doch mit folgenden codes habe ich probleme:
HTML:

HTML

<html>
<head>
<title>*****</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta name="description" content="*****" /> 
<meta name="author" content="Tobias *****" />
<meta name="keywords" content="*****" />
</head>
<body link:#000000; vlink="#000000">
<div id="thememania">
<div id="header">
<img src="header.png" id="header-grafik" border="0" />
</div>
<div id="navi">
 <center>
 <span id="idx"><a href="index.html">HOME</a></span>
 <span id="dde"><a href="deindesing.html">BESTELLE DEIN DESING</a></span>
 <span id="imp"><a href="impressum.html">IMPRESSUM</a></span>
 <span id="uun"><a href="ueberuns.html">ÜBER UNS</a></span>
 <span id="kon"><a href="kontakt.html">KONTAKT</a></span>
  <div id="langs">
   <a href="../de/index.html"><img src="de.png" border="0" /></a>
   <a href="../en/index.html"><img src="en.png" border="0" /></a>
  </div>
 </center>
</div>
<div id="content">
 <div id="contenttext">
  <h1>HIER KOMMT DER CONTENT</h1>
  <br /><br /><br /><br /><br />
  <h1>UND NOCH MEEEEEEEHR CONTENT!!!</h1>
 </div>
 <div id="footer">
 <center><a>Copyrigth  &copy 2009 by Tobias *****</a></center>
 </div>
</div>
</div>
</body>
</html>

Alles anzeigen

und CSS:

Code

* {font-size: 13px; font-family: "Trebuchet MS", Arial, sans-serif;}
h1 {font-size: 22px; background: url(headline_bg.png) repeat-x; width:500px;}
A {text-decoration: none;}
div#thememania {width:800px; align:center;}
div#langs img {float:right;}
div#navi {background: url(navi_norm.png) repeat-x;
          width:800px; height:25px;
          display:block;
          padding-left:10px;}
div#navi span {text-decoration:none; width:100px; height:25px;}
div#navi span:hover {text-decoration:underline; background: url(navi_hover.png) repeat-x; height:25px;}
div#content {display:block; width:822px; background: url(content_bg.png) repeat-y;}
div#contenttext {padding-left: 15px;}
div#footer {display:block; width:822px; height:30px; background: url(footer_bg.png) no-repeat;}

Alles anzeigen

Probleme sind folgende:
Der behälter von allem, also div#thememania wird nicht in die mitte gerückt. Fehelrkonsole:
Warnung: Unbekannte Eigenschaft 'align'. Deklaration ignoriert.
Quelldatei: *****/styles.css
Zeile: 4
und wenn man im NAVI-div einen Menüpunkt hovert, dann wird das height-attribut ignoriert, was dazu gührt, dass navi_hover.png nur so weit angezeigt wird, wie die Schrift hoch ist.
An alle, die wieder mit der offensichtlichkeit daherkommen:
Ich habe schon sehhr viel herumproiert, und ich mache den post ja nich aus langeweile.

EDIT:
Online unter http://www.cheats-tn.de/thma/index.html

Thonixx

Zitat

Probleme sind folgende:
Der behälter von allem, also div#thememania wird nicht in die mitte gerückt. Fehelrkonsole:
Warnung: Unbekannte Eigenschaft 'align'. Deklaration ignoriert.
Quelldatei: *****/styles.css
Zeile: 4
und wenn man im NAVI-div einen Menüpunkt hovert, dann wird das height-attribut ignoriert, was dazu gührt, dass navi_hover.png nur so weit angezeigt wird, wie die Schrift hoch ist.
An alle, die wieder mit der offensichtlichkeit daherkommen:
Ich habe schon sehhr viel herumproiert, und ich mache den post ja nich aus langeweile.

Alles anzeigen

Problem #1:
Unter CSS gibts kein "align". Wenn du ein Blockelement in die Mitte haben willst, mach das da: "margin: 0 auto;". Weitere margin-Werte werden dann aber ignoriert. Voraussetzung für margin: 0 auto; ist der Wert von "width: ** px;".

Problem #2:
Gibt keine Lösung. Mir ist das Problem bei mir bekannt und die Höhe konnte ich bisher auch nie bei ":hover" definieren.

GAAAAANZ WICHTIG:
Du hast das Doctype vergessen und xHTML Fehler gemacht, bitte korrigiere diese zuerst, bevor du weiterfährst.
Das richtige Doctype findest du so raus: http://www.google.ch http://www.gidf.de

Tobse

kluge idde gidf unter google.ch zu verstecken. Aber ich bin in google auf keine annehmbaren lösungen gestosen bin. daher der post.

Thonixx

Hatte vorher http://www.gidf.de geschrieben, wollte es aber ändern, da es nicht passte. Ich hab aber nicht den Link gelöscht, sondern einfach google.ch drübergeschrieben, tut mir leid.
Bitte fass das nicht falsch auf.

Zu deinen Problemen:
Hast du meine Lösungen gesehen?
Funktionieren die nicht?

Und du sollst bloss bei Google nach dem Doctype schauen, mehr nicht.

Tobse

is ok. Ich hab den code nochma angeschaut, der header is jz in der mitee, und das layout stimmt. (margin: 0 auto hat geklappt) das mit den links bekomm ich noch hin. Ich arbeite einfach ma weiter
EDIT:
Aber ein anderes problem is das, dass die flaggen nich in der mitee sin.

Thonixx

Lads mal bitte hoch, dann kann ichs sehen..

Hast du nun ein Doctype in Verwendung?

driver

@ tobse

wenn du nicht sternhagel voll bist / warst -> bitte bitte les dir deine
threads VOR dem absenden nochmal durch.... deine rechtschreibung
ist DER HORROR ! je lesbarer deine threads, desto mehr leute wollen
sich drum kümmern und desteo besser können sie dir helfen.
denn keiner will erst dein gestammel entschlüssel bevor er dir hilft..

Tobse

is ok. Ich werde mir in zukunft mehr mühe geben, alles richtig zu schreiben. Ich werde es mir auch vor dem absenden durchlesen. Und beim weiterarbeiten

reeperbahner11

ich komm leider auch nicht ganz darauf hinaus was du willst,
versuch mal bei den Id's # das div davor wegzulassen, das macht man bei klassen aber nicht bei Id's!!!

driver

zur zentrierung benutz ich oft

HTML

position:absolute;
margin-left:-475px;
 left:50%;
 width:950px;

wobei margin-left immer die hälfte von width sein muss (mal -1).
is nicht die allerbeste lösung - aber klappt bis jetzt überall.

suchmal im forum nach zentrierung,da findes mindestens noch eine
andere lösung. des align kannst dann rausschmeißen

Billbos

Um in CSS etwas zu zentrieren verwende ich margin: 0 (oder ein anderer Wert z.B. 25p) auto;

Thonixx

Doctype in Verwendung?? Ja oder Nein?

koslowski

Hi,

Zitat von Tobse

und wenn man im NAVI-div einen Menüpunkt hovert, dann wird das height-attribut ignoriert, was dazu gührt, dass navi_hover.png nur so weit angezeigt wird, wie die Schrift hoch ist.
An alle, die wieder mit der offensichtlichkeit daherkommen:
Ich habe schon sehhr viel herumproiert, und ich mache den post ja nich aus langeweile.

weil a und span Inline-Elemente sind. Da kann man nur durch line-height oder font-size Einfluß auf die Höhe nehmen. Oder du gibst denen display:block;.

Ein div ist von Hause aus ein Blockelement, da ist display:block überflüssig.

Du hast offensichtlich nicht verstanden was Block,- und Inline-Elemente sind, bzw. was sie bewirken.
Darüber solltest du dich unbedingt informieren, weil es absolutes Grundlagenwissen ist.

span:hover versteht der IE6 nicht weil er :hover nur in Verbindung mit a akzeptiert.

Gruß
Koslowski

Tobse

Das mit dem ie6 wird kein problem sein, weil windows sch gegen alte ie versionen wehrt. heute hat mien 2.pc auch wortwörlich krieg gegen mich geführt, dass ich auf uptdte starten kicke(benutze XP), um den ie8 zu installieren.

Tobse

ICh hab nochmal probiert. Mit line-height is da nix zu machen. und iso werden eigentlich meine de und en flaggen nicht auf dem orange angezeigt?

koslowski

Hi,

so wird das nix.
Du hast keinen Doctype, dein Code ist durch dein fehlendes Grundlagen absolut verquer.

Durch float wird ein Element übrigens automatisch zum Blockelement.

Mein Tip: Kauf dir ein Buch und lerne die Grundlagen. Little Boxes ist geeignet.

Gruß Koslowski

Tobse

lol, aber ich merke gerade, dass der IE 8 auch probleme macht. Ich habe auch mit absich kein display:inline; für die navi benutzt, da der ff das nich frisst.
EDIT:
Und ich KANN CSS!:
[Blockierte Grafik: http://jigsaw.w3.org/css-validator/images/vcss]

koslowski

Hi,

Zitat von Tobse

EDIT:
Und ich KANN CSS!:

Beratungsresistenz gepaart mit galoppierender Selbstüberschätzung, ich gebs auf.

Tobse

wiso? Ich hab meinen code auf jigsaw.w3org/css-validator geprüft und die links zu den bildern kamen dabei raus. Es gibt leute, die die behaupten, ich könne kein CSS, das ist nach dem gesgten völliger schwachsinn. Und meine Probleme haben sich erledigt. Könnte also bitte ein admin dieses Thema schliessen?

driver

deine rechtschreibung hast dafür wieder über den haufen geworfen, wa ?

CSS Probleme

Tags

Benutzer online in diesem Thema