5k41: Elemente Nebeneinander platzieren

Beitrag lesen

SELF-Forum

Elemente Nebeneinander platzieren

5k41
– Informationen zu den Bewertungsregeln

Hallo!
Ich bin nun mit meiner HP weiter... bis jetzt sieht sie so aus:

HTML:

<html>
<head>
<title>Gerüst</title>
<link href="style.css" rel="stylesheet" type="text/style">
</head>
<body>
<div class="head">
 <img src="banner.gif" alt="Banner" />
</div>
<div class="body">
 <div class="leftnavi">
  Hey!
 </div>
 <div class="content">
  Tralllalllallallala </div>
 <div class="rightnavi">
  Huhu!!
 </div>
</div>
</body>

CSS:

html, body
{
 position    : relative;
 width       : 800 px;
 left        : 50%;
 margin-left : -400 px;
}
div.head
{
 height : 100 px;
}
div.body
{
 position : relative;
 float    : left;
 width    : 100%;
}
div.leftnavi
{
 width : 100 px;
 float : left;
}
div.content
{
 width : 600 px;
 float : left;
}
div.rightnavi
{
 width : 100 px;
 float : left;
}

das Problem ist nun, dass die Site bei Opera perfekt richtig, jedoch bei Firefox vollkommen falsch dargestellt wird, was wohl daran liegt, dass beide Browser den float parameter anders interpretieren. Desshalb nun meine Frage: Gibt es eine andere Möglichkeit in CSS elemente nebeneinander zu platzieren, oder Mozilla klar zu machen, dass er den Befehl wie Opera interpretieren soll? Ich habe nämlich kein Bock auf ein Tabellen Design, was sonst aber die einige mir ersichtliche Alternative ist.

MfG

Beitrag melden
–
Informationen zu den Bewertungsregeln