WinFuture-Forum.de: Ie Zickt Mal Wieder Bei Ner Validen Seite - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Ie Zickt Mal Wieder Bei Ner Validen Seite XHTML 1.0 Strict valid


#1 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.701
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 14. August 2005 - 23:00

nabend zusammen,

Bin grad dabei ne valide Seite zu erstellen.
Im Firefox sieht sie schön aus. Im IE auf ersten Blick auch.

Doch geht mal bitte mit der Maus über das Menü2.
Kacke, ne? ;)
Ich habe keine Ahnung woran es liegen könnte.

Vielleicht sieht es ja einer von euch...
Danke im Voraus

greetz Witi


P.S. @Boardadmins, bitte erlaubt das Uploaden von 7z-Files

Angehängte Datei(en)


[email protected] 0xAAE321A2

50226 - Witis Blog
0

Anzeige



#2 Mitglied ist offline   flo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 7.922
  • Beigetreten: 14. November 04
  • Reputation: 1
  • Geschlecht:Männlich

geschrieben 14. August 2005 - 23:42

Hallo


Codest du per Hand? oder mit nem editor?


Du hast doch ne externe css datei , warum schreibst du die anweisungen weiter in den Quelltext?

und du solltest nicht alles relativ Positionieren, das brauchst du nicht!


und du solltest den quelltext logisch aufbauen, also erst das menü dann der inhalt dann der footer ...

Ich denke das problem kommt vom relativen Positionieren!


und wozu ist die tabelle da?
0

#3 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 15. August 2005 - 11:29

Ich würde dir ja gerne helfen, aber dein Quelltext ist einfach nur eine undurchsichtige div-span-Suppe. Tabellen macht man übrigens nicht mit spans sondern mit den üblichen Tabellenelementen. Vielleicht kannst du das einfach mal etwas aufräumen.
Beispielsweise bietet sich für sowas
<div id="top" class="style">TITLE</div>

h1 an.

Wie wärs wenn du einfach mal folgendes daraus machst (ungefähr):

<body style="width:750px;margin:auto;">

<h1>Titel</h1>

<div id="menu" style="float:left;width:200px">
Menü
</div>

<div id="rightcol" style="float:right;width:200px;">
Rechte Spalte
</div>

<div id="content" style="margin-left:220px;margin-right:220px;">
Inhalt</div>

<div id="footer" style="clear:both;">
</div>

</body>


Dann löst sich dein Problem vermutlich von selbst.
0

#4 Mitglied ist offline   stefanra 

  • Gruppe: aktive Mitglieder
  • Beiträge: 6.199
  • Beigetreten: 13. September 04
  • Reputation: 1

geschrieben 15. August 2005 - 11:42

Zitat

P.S. @Boardadmins, bitte erlaubt das Uploaden von 7z-Files

Done. Sollte jetzt funktionieren.
0

#5 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.701
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 15. August 2005 - 17:10

erstmal danke für eure Antworten.
Das mit den spans war nur eine kleine Idee ohne Tabellen auszukommen. Aber habt schon recht...etwas unübersichtlicht...
Die kann ich aber wieder ohne Probleme durch Tabellen ersetzen.
Dann ist auch die span-Suppe weg :D

@floele Die Idee hatte ich anfangs auch. Aber das spinnt der IE wieder rum, wenn man das Fenster verkleinert bzw. vergrößert.

Dann habe ich halt nach einem 3-Spalten-Layout im Internet gesucht und bin auf "position is everything" gestoßen (war ne etwas andere Seite, aber von Prinzip her gleich: http://www.positioniseverything.net/piefecta-rigid.html

Daher kommt auch das relative Positionieren.

Nur dass bei denen, dass mit dem Footer klappt :D

Dieser Beitrag wurde von ichbines bearbeitet: 15. August 2005 - 18:59

[email protected] 0xAAE321A2

50226 - Witis Blog
0

#6 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 15. August 2005 - 17:39

Zitat

@floele Die Idee hatte ich anfangs auch. Aber das spinnt der IE wieder rum, wenn man das Fenster verkleinert bzw. vergrößert.


Mach es doch einfach mal so, das mit dem IE wird sich schon irgendwie hinkriegen lassen.
0

#7 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.701
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 15. August 2005 - 18:05

hab ich ja eben noch ausprobiert. :D
Beim Minimieren schiebt sich die Rechte Spalte zwischen Menü und Inhalt.
Wenn du mir sagt, wie ich hinkriege, dann werde ich das natürlich machen
[email protected] 0xAAE321A2

50226 - Witis Blog
0

#8 Mitglied ist offline   shiversc 

  • Gruppe: aktive Mitglieder
  • Beiträge: 4.701
  • Beigetreten: 27. März 03
  • Reputation: 26
  • Geschlecht:Männlich
  • Interessen:IT-Systeme

geschrieben 15. August 2005 - 18:13

ich würde erstmal ohne rücksicht auf verluste die seite in einem validen code schreiben mit den schon genannten tipps.

dann würde ich einen alternativen stylesheet für den ie zusammnebasteln. und doder einfach den ie links liegen lassen und wenn ein ie die seite aufruft einfach ne ausgabe machen, die sagt, dass ein browser von nöten ist um alles fehlerfrei hinzubekommen.

so wie flo schon anmerkte, ist es genau zu überlgen, ob eine tabelle von nöten ist. du musst nämlich wissen, das der flo mich auch erst vor kurzen von tabellen abgebracht hat. es gibt tatsächlich keine wirkliche pflicht zum layouten tabellen zu verwenden.

ps: ich habe nur wenig ahnung davon, dafür reicht es aber...
Admin akbar
0

#9 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.701
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 15. August 2005 - 18:24

valider Code steht bei mir sowieso an erster Stelle.

Das wären auf jeden Fall zwei gute Tipps, die auch einfach umzusetzen wären.

Meine Alternative zu Tabellen siehst ja im Quelltext. Die Spantags sind nicht sehr übersichtlich.

Aber trotzdem würde es mich interessieren, warum der Footer hochspringt.
An der "Span-Tabelle" liegt das nicht, das ist mir klar.
Es hat irgendwas mit dem 3-Spalten-Layout zu tun...nur ich weiß nicht was.
[email protected] 0xAAE321A2

50226 - Witis Blog
0

#10 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 15. August 2005 - 18:38

Zitat (Witi: 15.08.2005, 19:05)

hab ich ja eben noch ausprobiert. :D
Beim Minimieren schiebt sich die Rechte Spalte zwischen Menü und Inhalt.
Wenn du mir sagt, wie ich hinkriege, dann werde ich das natürlich machen
<{POST_SNAPBACK}>


Gib mir doch einfach mal den so umgebastelten Quelltext, dann gucke ich wie man das Problem behebt.

Zitat

Meine Alternative zu Tabellen siehst ja im Quelltext.


Das ist aber Unfug so. Es geht nicht darum auf Tabellen zu verzichten, sondern es geht darum, auf Tabellen für das Layout zu verzichten.

Dieser Beitrag wurde von Floele bearbeitet: 15. August 2005 - 18:40

0

#11 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.701
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 15. August 2005 - 18:45

nimm einfach mal das als Beispiel.
<body style="width:750px;margin:auto;">

<h1>Titel</h1>

<div id="menu" style="float:left;width:200px; border : 2px solid black;">
Menü
</div>

<div id="rightcol" style="float:right;width:200px; border : 2px solid black;">
Rechte Spalte
</div>

<div id="content" style="margin-left:220px;margin-right:220px; border : 2px solid black;">
Inhalt</div>

<div id="footer" style="clear:both;">
</div>

</body>


Zitat

Das ist aber Unfug so. Es geht nicht darum auf Tabellen zu verzichten, sondern es geht darum, auf Tabellen für das Layout zu verzichten.


Für das Layout hab ich ja direkt auf Tabellen verzichtet.
Aber ja, mittlerweile hab ich's verstanden. Ich werde die Span-Tabelle ersetzen :D
[email protected] 0xAAE321A2

50226 - Witis Blog
0

#12 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 15. August 2005 - 19:46

So funktioniert es perfekt für mich:

<!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" xml:lang="en" lang="en">
<head>
 <title>Test</title>
</head>

<body>

<div style="width:750px;margin:0 auto;">
<h1>Titel</h1>

<div id="menu" style="float:left;width:200px; border : 2px solid black;">
Menü
</div>

<div id="rightcol" style="float:right;width:200px; border : 2px solid black;">
Rechte Spalte
</div>

<div id="content" style="margin-left:220px;margin-right:220px; border : 2px solid black;">
Inhalt</div>

<div id="footer" style="clear:both;">
Footer
</div>

</div>

</body>
</html>

0

#13 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.701
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 15. August 2005 - 23:28

schön. Das funktioniert auch bei mir. :D
Versuche das dann mal einzubauen.
Heute ist aber schon ein wenig spät dafür...

Wenn's Probleme gibt, meld ich mich nochmal.
Ansonsten...vielen Dank!
[email protected] 0xAAE321A2

50226 - Witis Blog
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0