✔ Probleme mit Navigations-Positionierung

[LuvShining]

Hallo,

für eine Freundin habe ich ein Blog (Wordpress) mit dem Theme "Dimension 2K - desert-theme 1.5.1 by evil.bert" unter http://www.hundebrueder.de/wordpress/ eingerichtet. Jetzt aber machte die Sidebar arge Probleme. Im FF sitzt diese am rechten Rand oben, wie auch gewünscht. Im IE allerdings erscheint sie am Ende des Seitenrandes. Ich habe die Seite nach fehlenden DIV-Tags, etc. abgesucht. Leider erfolglos.

Gesteuert wird die Navigation über die ID "menue"

#menu {
width:200px;
padding:0px 0 10px 5px;
margin:0 0 0 590px;
border-left: none;
color: #FFF;
}

Wenn ich diese nun absolut setze

#menu {
position: absolute;
top: 250px;
width:200px;
padding:0px 0 10px 5px;
margin:0 0 0 590px;
border-left: none;
color: #FFF;
}

Ist die Navigation im FF wieder richtig, bzw. bricht bei kürzeren Texten am rechten Rand unten raus. Im IE allerdings ist sie dann gar nicht mehr zu sehen.

Hat jemand von euch einen Rat für mich?

Viele Grüße und Dank im voraus
Nadine

 

[Maik]

Hi,

ich empfehle dir, zunächst mal das Markup zu validieren -> http://validator.w3.org/check?uri=http://www.hundebrueder.de/wordpress/

 

[LuvShining]

Hm, danke für den Hinweis. Ich versuche das jetzt gerad alles anzupassen und stelle dabei fest, das z.B. Div, P, etc. innerhalb eines H2, H4, etc. nicht erlaubt sind - wieso nicht? Nur mal eine Interessensfrage....

 

[Layna]

Weil man das nicht darf. Klingt blöde, ist aber so .
h1 bis h-6 dürfen nur inline-elemente enthalten, div ist ein block-element.

Nachzulesen hier:
http://de.selfhtml.org/html/referenz/elemente.htm#h1_h6

PS: Hela: warum nicht? Wie gross eine Überschrift ist sollte jedem selbst überlassen sein ^^.

 

[hela]

..., das z.B. Div, P, etc. innerhalb eines H2, H4, etc. nicht erlaubt sind - wieso nicht? ....

P-Elemente innerhalb von H-Elementen? Willst du innerhalb einer Überschrift ganze Romane mit Textabsätzen unterbringen?

P.S.: Larayna: Na ja, ich denke Überschriften sollten möglichst kurz und auf jeden Fall einprägsam sein. Alles andere ist durch das W3C invalidisiert worden ... ;o)

 

[LuvShining]

Jut, habe ich alles gemacht. Drei Probleme bleiben leider trotzdem offen:

- Die Navigationsbar innerhalb der Sidebar ist noch immer im IE verschwunden :-(

- Wie ich mit meiner Überschrift umgehe weiss ich jetzt nicht mehr. Vorher lautete es:

<h4 class="storytitle" id="post-<?php the_ID(); ?>"><p>
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></p></h4>

CSS

h4 p {
vertical-align: middle;
padding-left: 60px;
line-height: 44px;
width: 100%;
background: url(images/dog.jpg) no-repeat top left;
}

Wenn ich beispielsweise einen DIV-Tag um den H4 setze, läuft es leider auch nicht. Hat jemand einen Wink mit dem Zaunpfahl für mich?

- Weitere 14 Fehler findet man trotzdem. Es ist allerdings immer wieder der selbe und der lautet: "Line XX column X: ID "is_link" already defined." Tja.... und nü? Warum kann ich die ID Link nicht mehrfach innerhalb des Dokumentes verwenden?

 

[Layna]

(Zaunpfahl Start)
Was hindert dich daran H4 direkt zu formatieren, ohne das p?

Und id's darf man nur einmal verwenden.
Benutze statt dessen lieber

<a class="is_link">

.
Das ist 'ne klasse, und die darfst du benutzen so oft du willst.
In der css kannt du das dann per .is_link formatieren.
(Zaunpfahl Ende)


PS: wenn du unbedingt etwas im h4 haben willst, nimm <span>, das ist inline

PPS: warte mit der Problemlösung der Navi noch mal bis die Seite valide ist. Ich hatte besonders im IE schon merkwürdige Effekte... ausserdem ist eine valide seite viel schöner ^^

 

[LuvShining]

Jaaaaaaaaaha

"This Page Is Valid XHTML 1.0 Transitional!"

Abba,.... die Nav läuft noch immer nicht :-(

 

[Maik]

Bei mir wird jetzt die rechte Spalte im IE6 an der gewünschten Position angezeigt:

 

[LuvShining]

Bei mir nicht ... (siehe Bild) :-(