• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Browser macht waser will ... HTML Code stimmt

Status
Für weitere Antworten geschlossen.
dw.user

dw.user

Neues Mitglied
Hi all!
Hab hier ein - ich glaube - schweres Problem.
Vielleicht ises auch der Aufgabe mit dem Bus aehnlich in der man zaehlen muss wieviele leute einsteigen, wobei hinterher die Frage kommt, wie der Busfahrer heisst, aber ich komme nicht drauf.

Meine Page ist mit nem iframe aufgebaut.

Mit ner Tabelle hab ich mir quasi den Frame gebastelt. Links is die Navigation, und die Links werden in nem inframe geoeffnet den ich in die Mitte gebaut hab.

Der Quelltext:

Code: 
<html>

<head>
<style type="text/css">
#PageContainer
{
float: left;
width: 99.99%;
display: block;
}

#LogoContainer
{
float: left;
width: 99.99%;
display: block;
background-color: #0B234C;
}

#ImpressumContainer
{
float: left;
width: 99.99%;
display: block;
background-color: #EBF4FA;
}

#ardNaviContainer
{
float: left;
width: 99.99%;
display: block;
background-color: #001a4b;
background-image: url('/img/blau1/tnav_ard_b.gif');
background-repeat: repeat-x; background-position-y:50%
}

.ardNaviContainerFit
{
clear: both;
background-color: #001a4b;
background-image: url('/img/blau1/tnav_ard_b.gif');
background-repeat: repeat-x;
float: left;
display: inline;
font-size: 12px; background-position-y:50%
}

#ardNaviLeft
{
display: inline;
float: left;
margin: 0;
padding: 0;
}

#ardNaviLeft a, #ardNaviRight a
{
font-family: verdana;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
padding: 3px 6px 4px 6px;
text-align: center;
border-bottom: #fff 1px solid;
}


#ardNaviLeft ul
{
margin: 0;
padding: 0;
float: left;
display: inline;
width: 545px 
}

#ardNaviLeft li
{
border-right: #fff solid 1px;
list-style-type: none;
float: left;
}

#ardNaviRight
{
display: inline;
margin: 0;
padding: 0;
float: right;
width: 225px;
}


#ardNaviRight ul
{
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
display: inline;
position: absolute;
top: 45px;
width: 225px;
left: 556px;
}

#ardNaviRight li
{
border-right: #fff solid 1px;
list-style-type: none;
float: left;
}


a.about:hover, a.about:active, a.about:focus
{ color: #FFAA00 !important; background: #08A396; }

a.drumset:hover, a.drumset:active, a.drumset:focus
{ color: #66FF00 !important; background: #08A396; }

a.pc:hover, a.pc:active, a.pc:focus
{ color: #FFFF00 !important; background: #08A396; }

a.gb:hover, a.gb:active, a.gb:focus
{ color: #0055FF !important; background: #08A396; }

a.music:hover, a.music:active, a.music:focus
{ color: #FF0000 !important; background: #08A396; }

a.links:hover, a.links:active, a.lniks:focus
{ color: #93009C !important; background: #08A396; }

a.home:hover, a.home:active, a.home:focus
{ color: #00FFD8 !important; background: #08A396; }

a.impressum:hover, a.impressum:active, a.impressum:focus
{ color: #065800 !important; background: #08A396; }


a.about:active, a.about:active, a.about:focus
{ color: #000000 !important; background: #08A396; }

a.drumset:active, a.drumset:active, a.drumset:focus
{ color: #000000 !important; background: #08A396; }

a.pc:active, a.pc:active, a.pc:focus
{ color: #000000 !important; background: #08A396; }

a.gb:active, a.gb:active, a.gb:focus
{ color: #000000 !important; background: #08A396; }

a.music:active, a.music:active, a.music:focus
{ color: #000000 !important; background: #08A396; }

a.links:active, a.links:active, a.lniks:focus
{ color: #000000 !important; background: #08A396; }

a.home:active, a.home:active, a.home:focus
{ color: #000000 !important; background: #08A396; }

a.impressum:active, a.impressum:active, a.impressum:focus
{ color: #000000 !important; background: #08A396; }

</style>
<title>.::dw.user:.</title>
<meta http-equiv="Content-Language" content="de">
<meta name="description" content="dw.user">
<meta name="author" content="Jan M.">
</head>

<body text="#003300" bgcolor="#1B6A8F" link="#8AFF00" alink="#FFffff" vlink="#FFffff" face="Arial">

<table border="0" width="100%" height="100%">
<tr align="center">
<td>

<table border="0" width="700" align="center">
<tr>


<td width="143" >

  <div id="ardNaviLeft" style="width: 135; height: 17">

[url="about.html"]About me[/url]

[url="drumset.html"]Drumset[/url]

[url="pc.html"]PC[/url]

[url="http://www.gaestebuch4u.de/gb/kotor.html"]Guestbook[/url]

[url="music.html"]Music[/url]

[url="links.html"]Links[/url]



<a href="impressum.html" class="impressum" target="main" >Impressum
Disclaimer</a>

[url="home.html"]Home[/url]


 </div>


<td width="670">


<iframe marginheight="0" marginwidth="0" frameborder="0" name="main" src="home.html" width="800" height="500">
</iframe>
</td>

<td width="6">
</td>

</tr>
</table>

</td>
</tr>
</table>

</body>

</html>

Das eigentliche problem liegt im Body.

In Opera und im IE wirds so angezeigt:

http://people.freenet.de/janmelnik/bilder/fehler_html_1.jpg

Und in Firefox bzw Netscape so:

http://people.freenet.de/janmelnik/bilder/fehler_html_2.jpg

Ich hab im zweiten Bild den rahmen des iframes auf 1 gesetzt, damit man sieht wie verschoben die navigation is.,
Wie es aussieht, gibts nen Fehler im Quelltext, den Opera und der IE von allein berichtigen. Ich fummel an dem Code jetzt schon seit einer Stunde und laenger rum und finde nicht raus wo der Fehler liegt, und wieso der Frame so falsch angezeigt wird.

Findet ihr eine Loesung, dass die Seite in jedem Browser wie in Bild 1 angezeigt wird?

MfG dw.user
 
Werbung:
Nun, eine Lösung weiss ich jetzt auch nicht, aber ich glaube, der FF definiert zum Beispiel die Höhe 500 anders, als der IE und Opera. Du bräuchtest vielleicht eine Browserweiche.
 
Es geht ja darum, dass FireFox und Netscape user die Seite total vermurkst und falsch sehen.
Bei Netscape wird sogar ab "Links" der Rest nicht mehr angezeigt.

Also Home und Disclaimer verschwinden einfach.
Geht doch nicht oder?
:evil: :evil:
 
Werbung:
Wie gesagt, am besten du baust in deine Webseite eine Browserweiche ein und optimierst die Seite dann in einem Extra-dokument für den FF und Netscape.

Und wieder wie gesagt, FF und Netscape definieren bestimmte Höhe und Breiten anders als der IE und Opera.
 
Es geht ja darum, dass FireFox und Netscape user die Seite total vermurkst und falsch sehen.
Zum Vergrößern anklicken....
Ist normal, wenn man nicht richtig coden kann.

Dein Code da oben schaut sich jetzt sicherlich keiner an. Bei Google findest du alles zum Thema Browserweiche ;)
 
Werbung:
Eingang für Internet Explorer und Opera
(Nicht für FireFox oder Netscape geeignet.)


Eingang für FireFox und Netscape
(Auch für IE oder Opera geeignet.)
Zum Vergrößern anklicken....

Wenn der Eingang für Firefox auch für IE etc geeignet ist, warum machst du dann nicht nur den Firefox Eingang ;ugl
 
Sehr schön. Funktioniert ja super. Es gibt aber auch richtige Browserweichen, welche automatisch den Browser ermitteln und dann auf die entsprechende Seite weiterleitet.
 
Werbung:
Boah, ihr nert mit eurem beschissenem PHP :evil:

Was soll man alle Dateien in PHP-Dateien umändern, obwohl man sich es auch sparen kann?
Was soll man extra nachforschen müssen, ob der Webspace überhaupt PHP unterstützt, obwohl man sich es auch sparen kann?
Was soll man sich extra mit PHP beschäftigen um zu kapieren, wie, wo man was einfügen muss, obwohl man sich es sparen kann?

So ein mist. :evil:

Und das :roll: kannste dir auch sparen :evil:
 
Werbung:
Versuch nicht Javascript höcher/gleichzustellen(in solchen Themen) mit PHP...
PHP kann man wenigstens nicht abstellen :p
PHP ist einfacher zu verstehen als das Javascript, denn es basiert auf der C Syntax, der meistgenutzten der Welt...

FAZIT: Wenn es benutzerfreundlich sein soll kann man es sich nicht sparen!
 
Ich stelle JavaScript nicht gleich mit PHP aber in diesem Fall ist es einfach nur unnötig, das ganze mit PHP zu machen. Diskussion: Ende.

Spinner!

Tschüss, in dem Thread hab ich nix mehr zu sagen.
 
Werbung:
regt euch ab :shock:

Ich machs trotzdem mit JavaScript, falls ich mir diese Mphe überhaupt noch mache.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben