HomeArtikelDownloadsForum
PCFreunde.deForumEntwicklungWebdesign
Besucher online: 130
Schnellsuche

Anzeigen

Community

Foren
Webdesign Seite 2/2
Firefox Anzeige Problem!
AntwortenNeues ThemaZur Themenliste
Seiten:
1 2
Zurück
Nachricht
EpiCloud
Titel: Firefox Anzeige Problem! 03.06.2009 15:31
765 Punkte (?)
Anmeldungsdatum: 26.11.2008
Beiträge: 181
welche navileiste meint er denn, ich sehe da nur ein menekin und ein login-formular weiter nichts

________________________________________
Derzeitige Projekte:
http://www.blogg-it.net http://www.seopinion.de
Private Nachricht senden  
 
bitsnack
Titel: Firefox Anzeige Problem! 03.06.2009 15:43
9.479 Punkte (?)
 
Anmeldungsdatum: 30.01.2009
Beiträge: 3.551
Bei mir sieht das so aus: site.png

/E: das heist Registrierung und Chat

[Zuletzt bearbeitet: 03.06.2009 15:44]
Private Nachricht senden  
 
Hilfe!
Titel: Firefox Anzeige Problem! 03.06.2009 16:48
6.845 Punkte (?)
Anmeldungsdatum: 15.08.2007
Beiträge: 2.443
EpiCloud hat folgendes geschrieben:
welche navileiste meint er denn, ich sehe da nur ein menekin und ein login-formular weiter nichts


Ich meine die auf der Rechten seite das ist eben bei mir das
Problem die rechte Leite verschwindet unter dem Kasten in der Mitte
bei zu kleiner Auflösung.Kann man ihn also sehen?
So wie bei dir Gh0stc0der soll es aussehen.

________________________________________
Weisheit ist die Kunst, so zu leben, dass
das, was man sich vornimmt, auch gelingt.
Private Nachricht senden  
 
bitsnack
Titel: Firefox Anzeige Problem! 03.06.2009 16:50
9.479 Punkte (?)
 
Anmeldungsdatum: 30.01.2009
Beiträge: 3.551
mach bei body min-width:1024px; hin.
Falls das immernoch nicht ausreicht, erhöhst du den wert...
Private Nachricht senden  
 
EpiCloud
Titel: Firefox Anzeige Problem! 03.06.2009 19:34
765 Punkte (?)
Anmeldungsdatum: 26.11.2008
Beiträge: 181
poste mal den quell text der page zusammen mit der css
ich glaub du hast einfach nur ein float problem

________________________________________
Derzeitige Projekte:
http://www.blogg-it.net http://www.seopinion.de
Private Nachricht senden  
 
Hilfe!
Titel: Firefox Anzeige Problem! 03.06.2009 19:48
6.845 Punkte (?)
Anmeldungsdatum: 15.08.2007
Beiträge: 2.443
Zitat:
<html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<link rel="stylesheet" type="text/css" href="http://razero.bplaced.net/desing.css" />
</head>

<div id="rechts">
<div style="background:url('Navigation-2.png') repeat-x; width:189px; height:355px">
<div style="position: absolute; width: 164px; height: 164px; z-index: 1; left: 6px; top: 6px" id="layer5">
Interessantes:<br>
<br>
<font size="2">MMORPG Liste</font></div>
<p></div>

</div>


<div id="header">
<p align="center"><img border="0" src="Text.png" width="72" height="15"><img border="0" src="Wolke.png" width="60" height="52"></div>

<div id="links">
<div style="background:url('Navigation-2.png') repeat-x; width:189px; height:355px">
<div style="position: absolute; width: 165px; height: 303px; z-index: 2; left: 7px; top: 7px" id="layer1">
<p dir="ltr"><font color="#008000" face="Eras Demi ITC" size="2">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000">Startseite</font></a></font></p>

<p dir="ltr"><font color="#008000" face="Eras Demi ITC" size="2">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000"><br>
Downloads</font></a></font></p>
<p dir="ltr"><font color="#008000" face="Eras Demi ITC" size="2">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000"><br>
Anime</font></a></font></p>

<p dir="ltr"><font color="#008000" face="Eras Demi ITC" size="2">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000"><br>
Community</font></a></font></p>
<p dir="ltr"><font color="#008000" face="Eras Demi ITC" size="2">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000"><br>
Online-Spiele</font></a></font></p>

<p dir="ltr"><font color="#008000" face="Eras Demi ITC" size="2">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000"><br>
Musik &amp; Videos</font></a></font></p>
<p dir="ltr"><font color="#008000" face="Eras Demi ITC" size="2">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000"><br>

Tipps&amp;Tricks</font></a></font></p>
<p dir="ltr"><font face="Eras Demi ITC" size="2" color="#008000">
<a href="http://razero.bplaced.net/Razero.index.htm">
<font color="#000000"><br>
C++ &amp; Direct X</font></a></font></div>
<p></div></div></div>



<div style="position: absolute; width: 794px; height: 312px; z-index: 1; left: 222px; top: 81px" id="rechts">

<div style="position: absolute; width: 145px; height: 63px; z-index: 1; left: 369px; top: 369px" id="Login-Layer">
<font size="2">
</font>
<form action="login.php" method="post">
<p><font size="2"><font color="#00FF00">Benutzername:</font><br />
</font><font size="1"><input type="text" name="username" maxlength="20" /></font><font size="2"><br>
<font color="#FF0000">Passwort:</font><br>
</font><font size="1"><input type="password" name="password" maxlength="70" /></font><font size="2">
</font><font size="1">
<input type="submit" value="Einloggen" name="login" /><font size="2"> </font>
</font></p>

</form></div>

<div style="background:url('Mitte-2.png') repeat-x; width: 821px; height:572px">
</div>
</div>
<div style="position: absolute; width: 280px; height: 387px; z-index: 2; left: 742px; top: 97px" id="Bild-Layer">
<div style="position: absolute; width: 179px; height: 100px; z-index: 1; left: -149px; top: -1px" id="Probiertmit-Layer">
<img border="0" src="IE.jpg" width="32" height="31"><img border="0" src="Google%20Ch.jpg" width="31" height="32"><img border="0" src="Firefox.jpg" width="32" height="32"></div>
<p align="center"></p>
<div style="background:url('explojp2.jpg') repeat-x; width:295px; height:390px"></div>
</div>

<div style="position: absolute; width: 346px; height: 447px; z-index: 1; left: 233px; top: 92px" id="Mitte" align="left">
<font face="Trebuchet MS">Willkommen,</font><font face="Trebuchet MS" size="4"><br>
</font><font face="Trebuchet MS" size="3"><br>
</font><font face="Trebuchet MS" size="2">Downloads: In diesem Bereich gibt
es Spiele<br>
und Programme (...) zum Runterladen.<br>
<br>
Anime: In diesem Bereich finden sie ihre Anime-Serien <br>

(etc.) wie z.B Dragonball, Digimon und Pokemon wieder.<br>
<br>
Online-Spiele: Web-Siten Spiele die sie <br>
direkt auf Razero.de spielen können.<br>
<br>
Tipps &amp; Tricks: Cheats, Tipps und Tricks Allgemein, EasterEggs etc.<br>

<br>
C++ &amp; Direct X: C++ ist eine Programmier Sprache <br>
die für das Programmieren
von <br>
Spielen und Programmen verwendet wird...<br>
<br>
Weitere Links: Gästebuch, Regestrierung-&gt; <br>

(Chatt, Fernsehen, Radio und Musik
Kostenlos!), <br>
News &amp; Meinungen, Unterhaltung.</font></div>


Und die .css datei ist hier: http://razero.bplaced.net/desing.css :wink:

________________________________________
Weisheit ist die Kunst, so zu leben, dass
das, was man sich vornimmt, auch gelingt.
Private Nachricht senden  
 
EpiCloud
Titel: Firefox Anzeige Problem! 03.06.2009 20:09
765 Punkte (?)
Anmeldungsdatum: 26.11.2008
Beiträge: 181
ich denke, hier ist dein problem
der <div id="rechts"... hat folgenden style:

Zitat:
left: 6px; top: 6px"


der <div id="links"... hat diesen hier

Zitat:
z-index: 2; left: 7px; top: 7px"


die beiden divs sind genau untereinander positioniert

der IE verzeiht die den fehler und berechnet die positionierung nicht ab dem seitenrand, sondern ab den nebenstehenden objekt, der firefox ist da schon weniger spendabel, da er valide die psosition ab den seitenrand rechnet.

richtig wäre es theoretisch, wenn du dem <div id="rechts"...> left: 800px; (ca) geben würdest, oder setzt den z-index auch auf 2, sodass dass linke un rechte seite auf der selben ebene liegen.

am besten wäre es, wenn du die ganzen styles aus dem quelltext in eine stylesheet.css reinpackst, dann könnte man mit IE hacks besser arbeiten

am allerbesten wäre es aber, wenn du die divs floatest statt sie absolut zu setzen, das ist nemlich auch der sinn vom design mit containern.
so wie dus jetzt hast, hättest du auch eine tabelle nehmen können, das wäre um ein vielfaches leichter gewesen und du hättest diese probleme nicht.

ich denke du arbeitest mit einem visuellen code-editor in dem du ebenen ziehst und diese dann auf dem bildschirm hin und her schiebst.
ein tipp : lass es.
Vorallem der z-index ist bei einem design aufbau mehr als überflüssig.

ich hätte die divs genommen, alle float:left; gesetzt, den header auf clear:both; und weg sind die probleme

________________________________________
Derzeitige Projekte:
http://www.blogg-it.net http://www.seopinion.de
Private Nachricht senden  
 
AntwortenNeues ThemaZur Themenliste
Seiten:
1 2
Zurück
Community Login
eMail:
Passwort:
Auto-Login