nicht angemeldet
Elemente Nebeneinander platzieren
MudGuard
Gunnar BittersmannHallo!
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
-
Hallo,
<html>
Welches?
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?
Es ist umgekehrt, siehe <http://de.selfhtml.org/css/formate/box_modell.htm#standardkonform@title=Dokumenttyp-Deklarationen für den standardkonformen Modus>.
CSS kennt im Übrigen keine Befehle, bestenfalls Empfehle, ehm. ;-)
Grüße
Roland-
Hallo,
<html>
Welches?
ist doch wohl für einen Test erstmal egal oder nicht?
zum rest: Was willst du mir damit sagen? steckt da irgendein vorschlag hinter?
Mfg
-
Hallo,
<html>
Welches?
ist doch wohl für einen Test erstmal egal oder nicht?
Eher oder nicht.
zum rest: Was willst du mir damit sagen?
Den Grund für das Verhalten habe ich verlinkt. Du musst nur lesen und den Empfehlungen folgen.
Grüße
Roland-
ok, danke schonmal! werds mir zu herzen nehmen, aber ich weiss nun immer noch nicht, wie ich elemente nebeneinander platziere... wär echt wichtig!
MfG
-
Hallo,
ich weiss nun immer noch nicht, wie ich elemente nebeneinander platziere...
Beispielsweise mit der Eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float, siehe http://de.selfhtml.org/css/eigenschaften/anzeige/float.htm@title=Beispiel.
Grüße
Roland-
Hallo,
Es ist umgekehrt, siehe <http://de.selfhtml.org/css/formate/box_modell.htm#standardkonform@title=Dokumenttyp-Deklarationen für den standardkonformen Modus>.
Es geht darum, das die Browser, wenn Du einen dieser erweiterten <html>-Tags nimmst, die Seite eventuell richtig(er) darstellen. Probiers doch mal mit den ersten beiden und berichte, ob es dann funktioniert...
wenn nicht sehn wir mal weiter..Gruß, Nils
-
Erstmal: Danke für deine Antwort!
Hab das nun mal gemacht... irgendwie ists nun bei Opera noch kaputter, bei Firefox ändert sich nix.
siehe : http://5k41.5k.funpic.de/Atomic/index.htmlMfG
-
oh, sorry wegen doppelpost!
wer Opera benutzt muss ganz nach rechts scrollen um was zu sehenMfG
-
Hallo,
Also ich seh da (in meinem Firefox) oben ein Banner und darunter Text.
Wie willst Du es denn haben?Gruß, Nils
-
-
Hallo 5k41.
Erstmal: Danke für deine Antwort!
Hab das nun mal gemacht... irgendwie ists nun bei Opera noch kaputter, bei Firefox ändert sich nix.
siehe : http://5k41.5k.funpic.de/Atomic/index.htmlDu solltest zuallererst einmal die Fehler in deinem Stylesheet beseitigen.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]
-
-
-
Wenn du meinen ersten Post gelesen hätte, wüsstest du, dass genau das nicht funktioniert. Trozdem danke für deine Hilfe
-
-
-
-
-
-
Hi,
width : 800 px;
margin-left : -400 px;
height : 100 px;
width : 100 px;
width : 600 px;
width : 100 px;Hat es einen bestimmten Grund, daß Du hier lauter ungültige Werte angibst?
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.
Vielleicht interpretieren sie auch Deine falschen Breiten, Höhen und margins unterschiedlich.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hello out there!
width : 800 px;
margin-left : -400 px;
height : 100 px;
width : 100 px;
width : 600 px;
width : 100 px;Hat es einen bestimmten Grund, daß Du hier lauter ungültige Werte angibst?
Zur Erklärung, warum die Werte ungültig sind, siehe [CSS2 §4.3.2]
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
-