ckasper1985: Hilfe! Zeilenumbruch problem!!

Beitrag lesen

SELF-Forum

Hilfe! Zeilenumbruch problem!!

ckasper1985
– Informationen zu den Bewertungsregeln

Ausrufezeichen Hilfe! Zeilenumbruch problem!!
Hallo Leute,
ich muss immoment in Rahmen eines projektes ein online Portfolio erstellen.
Am oberen rand der website habe ich links das Logo und auf der selben höhe die Navigationsbutton.
So sollte es zumindestens aussehn. in Explorer klappt dies auch prima aber Firefox will nicht so ganz mitspielen und macht nach den Logo einen Zeilenumbruch.
hier ist der Quelltext! danke im vorraus!!
Es geht vorallem um diesen part hier:

...<div id="menu">  
        <a href="main.html"><img src="logo1.jpg" alt="Home"/></a>  
        <p id="menutext">  
            <a href="motion.html">motion |</a>  
            <a href="still.html">| still |</a>  
            <a href="study.html">| study |</a>  
            <a href="literature.html">| literature |</a>  
            <a href="cv.html">| cv |</a>  
            <a href="contact.html">| contact </a>  
        </p>  
</div>....

und hier der komplette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
  
    <title>ChristianKasper | 2008</title>  
    <link rel="stylesheet" type="text/css" href="style.css"></link>  
  
</head>  
<body>  
  
<div id="menu"><nowrap="nowrap">  
        <a href="main.html"><img src="logo1.jpg" alt="Home"/></a>  
        <p id="menutext">  
            <a href="motion.html">motion |</a>  
            <a href="still.html">| still |</a>  
            <a href="study.html">| study |</a>  
            <a href="literature.html">| literature |</a>  
            <a href="cv.html">| cv |</a>  
            <a href="contact.html">| contact </a>  
        </p>  
        </nowrap>  
</div>  
  
  
<div id="bg"></div>  
  
<div id="post">  
    <div class="portfolioBlock">  
  
    <h2>  
            Written on <strong>Monday</strong>, 05 of January, 2009 at 9:53 pm  
    </h2>  
    <br />  
            <img src="fenkeladd.jpg" width="292" height="413" alt="Fennel"></img>  
  
    <h1>  
          TEXTTEXTEXTTEXTTEXTTEXTTEXTTEXTTEXT  
    </h1>  
    </div>  
  
</div>  
</body>  
</html>

und der stylesheet:

a:link { text-decoration:none; color:#000000; }  
a:visited { text-decoration:none; color:#000000; }  
  
  
body {  
    height:100%; /* Max 100% hoogte in IE */  
    max-height:100%; /* Max 100% hoogte in browsers */  
    background-color:#FFFFFF;  
    background-image: url('bg1.png');  
    margin:0;  
    padding:0;  
}  
  
/* Text */  
h1 {  
    font-size:13px;  
    margin:0;  
    margin-left:5px;  
    font-weight:normal;  
    color:#333333;  
    background-color:#FFFFFF;  
}  
/*update/info */  
h2 {  
    font-size:11px;  
    margin:0;  
    margin-left:5px;  
    font-weight:normal;  
    color:#333333;  
    background-color:#FFFFFF;  
    border-bottom:2px solid #333333;  
}  
  
  
  
/*aktuelle Seite*/  
h4{  
    background-color:#FFFFFF;  
    font-weight:100;  
    font-family:Kalinga;  
    font-size:17px;  
    letter-spacing:-0.05em;  
    font-variant:small-caps;  
}  
  
img{  
    border: none;  
}  
  
  
#menu{  
        margin-left: 0.5%;  
        margin-top: 0.5%;  
}  
  
/*menu navigation*/  
#menutext{  
        position: absolute;  
        margin-top: 5px;  
        margin-left:10%;  
        font-family:Kalinga;  
        font-size:20px;  
        letter-spacing:-0.05em;  
        font-variant:small-caps;  
}  
  
  
  
#bg {  
    position:relative;  
    top: 0px;  
    width:1280px;  
    height:768px;  
    background-image: url('bg3.jpg');  
    background-repeat: no-repeat;  
    background-attachment: fixed;  
}  
  
  
#post{  
    width:650px;  
    position:absolute;  
    top:35px;  
    padding:20px 0 0 0;  
    margin-left: 20%;  
}  
  
  
.portfolioBlock {  
    padding:5px;  
    background-color:#FFFFFF;  
    background-image: url('bg1.png');  
    border:1px solid #CCCCCC;  
}

PS: wichtig ist, das es noch valide bleibt.

Beitrag melden
–
Informationen zu den Bewertungsregeln