Seitenverlinkungen mit undurchsichtiger Problematik für mich

[corleo]

Hallo, ich habe für eine Freundin eine HP erstellt und dabei sitze ich nun seit einiger Zeit an einem Problem was mir echt den Kopf zermattert.

Die Seite Vogtland- Ranch Pfony Home funktioniert mit IE aber im Firefox habe ich nun das Problem das ich die Verlinkungen nicht nutzen kann, es gibt aber auch Rückmeldungen das es teilweise im IE nicht funktioniert.
Die Verlinkung werden als Text angezeigt, aber die Link-funktion geht aber nicht, irgend etwas hab ich da verkehrt gemacht und ich komme nicht auf den Fehler.

Vielleicht kann ja mal ein schlauer Kopf in den Quelltext schauen gerne gebe ich auch die css hier frei oder schicke sie zu wenn nötig.

mfg Robert

 

[Bisi]

Für mich sieht es so aus, als würde der content-Container über der Navigation liegen, denn man kann den Text auch nicht markieren. Füge den beiden doch mal das Attribut z-index hinzu: z-index

 

[corleo]

ich bin leider nicht so versiert und weiß nicht genau was du meinst *schäm

sollte ich das im css eintragen oder im sitecode selbst


auszug aus dem css-file

Begin Miscellaneous
****************************************************************************************************/
*
{
margin: 0;
padding: 0;
}

/****************************************************************************************************
Begin Body
****************************************************************************************************/
body
{
background: #d8c6a6 url('images/content.jpg') center repeat-y;
color: #333;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif, "bitstream vera sans";
}

img
{
border: 2px solid #333;
}

a
{
color: #624f2f;
}

/****************************************************************************************************
Begin Header
****************************************************************************************************/
#header
{
background: #7e673e url('images/pfony.png') top center no-repeat;
height: 100px;
top: 0;
width: 100%;
}

#header-content
{
height: 100px;
margin: 0 auto;
width: 760px;
}

#header-content h1 {
color: #3b2a0c;
font-size: 270%;
letter-spacing: -3px;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align: right;
padding-top: 15px;
padding-left: 0px;
margin-bottom: -10px;
}

#header-content h2 {
color: #CCC;
font-size: 200%;
letter-spacing: -2px;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align: right;
}

/****************************************************************************************************
Begin Navigation
****************************************************************************************************/
#navigation
{
left: 50%;
margin-left: -61px;
position: absolute;
width: 122px;
}

#navigation li
{
list-style-type: none;
list-style-image: none;
}

#navigation a
{
color: #FFF;
display: block;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
}

#navigation a:hover
{
background: #7e673e;
color: #332407;
}

#navigation .active
{
background: #7e673e;
color: #332407;
}

/****************************************************************************************************
Begin Content
****************************************************************************************************/
#content
{
left: 50%;
margin-left: -380px;
position: absolute;
width: 760px;
}

/****************************************************************************************************
Begin Left
****************************************************************************************************/
.left
{
float: left;
padding-top: 10px;
width: 304px;
}

.left p
{
padding: 10px;
}

.left h1
{
border-bottom: 1px solid #888;
font-size: 1.3em;
padding-top: 10px;
}

.left code
{
border: 1px solid #624f2f;
border-left: 9px solid #624f2f;
display: block;
margin: 10px;
padding: 10px;
text-align: left;
}

.left li
{
list-style: circle;
margin-left: 30px;
}

/****************************************************************************************************
Begin Center
****************************************************************************************************/
.center
{
float: left;
width: 152px;
}

/****************************************************************************************************
Begin Right
****************************************************************************************************/
.right
{
float: right;
padding-top: 10px;
width: 304px;
}

.right p
{
padding: 10px;
}

.right h1
{
text-align: left;
border-bottom: 1px solid #888;
font-size: 1.3em;
padding-top: 10px;
}


.right code
{
border: 1px solid #624f2f;
border-right: 9px solid #624f2f;
display: block;
margin: 10px;
padding: 10px;
text-align: left;
}

.right li
{
list-style: circle;
margin-left: 30px;
}

 

[threadi]

Ohne Doctype kann natürlich jeder Browser anzeigen "was er will". Korrigiere also diese HTML-Fehler zuerst:
[Invalid] Markup Validation of http://www.vogtland-ranch-pfony.de/ - W3C Markup Validator

 

[corleo]

also ich glaube jetzt geht es ;) die doctype war nur das i-tüpfelchen, die hatte ich gestern zum testen rausgenommen, es war ein zuviel gesetztes </p> was die markup mir noch anzeigte, ich hoffe es gibt nu keine beschwerden mehr ;)