Ergebnis 1 bis 3 von 3

Thema: HTML Problem - Seite verschiebt sich

  1. #1
    Unregistriert
    Gast

    Standard HTML Problem - Seite verschiebt sich

    Hallo,
    ich habe für meinen Basketballverein eine neue Webseite erstellt. Ich habe dazu den Web Page Maker, also ein Programm für Einsteiger verwendet. Mein Problem ist jetzt, dass die Seite bei den verschiedensten Browsern und Bildschirmauflösungen immer anders dargestellt wird. Die ganze Texte und Menüleisten verschieben sich erheblich und die ganze Seite schaut nach nix mehr aus.

    Kann man da irgendwas im Code einstellen, damit das fix bleibt?

    Meine Seite ist http://hoops.westwienunited.at und der HTML Code:



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Wien United Hoops</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta name="generator" content="Wien United Hoops">
    <style type="text/css">
    /*----------Text Styles----------*/
    .ws6 {font-size: 8px;}
    .ws7 {font-size: 9.3px;}
    .ws8 {font-size: 11px;}
    .ws9 {font-size: 12px;}
    .ws10 {font-size: 13px;}
    .ws11 {font-size: 15px;}
    .ws12 {font-size: 16px;}
    .ws14 {font-size: 19px;}
    .ws16 {font-size: 21px;}
    .ws18 {font-size: 24px;}
    .ws20 {font-size: 27px;}
    .ws22 {font-size: 29px;}
    .ws24 {font-size: 32px;}
    .ws26 {font-size: 35px;}
    .ws28 {font-size: 37px;}
    .ws36 {font-size: 48px;}
    .ws48 {font-size: 64px;}
    .ws72 {font-size: 96px;}
    .wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
    /*----------Para Styles----------*/
    DIV,UL,OL /* Left */
    {
    margin-top: 0px;
    margin-bottom: 0px;
    }
    html {overflow:scroll;}
    </style>

    <style type="text/css">
    div#container
    {
    position:relative;
    width: 1483px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
    }
    body {text-align:center;margin:0}
    </style>

    </head>
    <body background="images/hp_back.png" bgColor="#000000" style="background-repeat:no-repeat;background-position:top center;">
    <div id="container">
    <div id="image1" style="position:absolute; overflow:hidden; left:752px; top:242px; width:300px; height:329px; z-index:0"><img src="images/flyer2.jpg" alt="" title="" border=0 width=300 height=329></div>

    <div id="art1" style="position:absolute; overflow:hidden; left:432px; top:245px; width:94px; height:70px; z-index:1"><img border=0 alt="Home" src="images/art110469890.gif"></div>

    <div id="text5" style="position:absolute; overflow:hidden; left:449px; top:432px; width:287px; height:108px; z-index:2">
    <div class="wpmd">
    <div><font color="#026400" face="HelveticaNeueLT Pro 55 Roman" class="ws8">07/02/2011</font></div>
    <div><font color="#000000" face="HelveticaNeueLT Pro 55 Roman">Der Neugegründete Basketballverein Wien United Hoops sucht noch Mitspieler. Wichtig ist uns, dass der Spaß am Spiel im Vordergrund steht. Das erste Testspiel findet am 24. Februar um 20 Uhr in Simmering statt.</font></div>
    </div></div>

    <div id="text6" style="position:absolute; overflow:hidden; left:449px; top:342px; width:287px; height:108px; z-index:3">
    <div class="wpmd">
    <div><font color="#026400" face="HelveticaNeueLT Pro 55 Roman" class="ws8">08/02/2011</font></div>
    <div><font color="#000000" face="HelveticaNeueLT Pro 55 Roman">Trainingsauftakt ist kommenden Montag (14.2) um 20 Uhr in der Kreitnergasse 32. Einfach hinkommen und mittrainieren!</font></div>
    </div></div>

    <div id="text1" style="position:absolute; overflow:hidden; left:460px; top:181px; width:81px; height:40px; z-index:4">
    <a href="index.html"><div class="wpmd">
    <div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Home</B></font></div>
    </div></a></div>

    <div id="text2" style="position:absolute; overflow:hidden; left:602px; top:181px; width:118px; height:40px; z-index:5">
    <a href="page2.html"><div class="wpmd">
    <div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Über uns</B></font></div>
    </div></a></div>

    <div id="text3" style="position:absolute; overflow:hidden; left:927px; top:181px; width:103px; height:40px; z-index:6">
    <a href="kontakt.html"><div class="wpmd">
    <div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Kontakt</B></font></div>
    </div></a></div>

    <div id="text4" style="position:absolute; overflow:hidden; left:765px; top:181px; width:103px; height:40px; z-index:7">
    <a href="training.html"><div class="wpmd">
    <div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Training</B></font></div>
    </div></a></div>

    </div>

    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML Problem - Seite verschiebt sich

    also bei dem zusammengeschusterten kram würd ich als erstes ma dahergehen und das programm vom rechner werfen!

    dann haste zig mal nen position:absolute, was totaler humbug is, wenn man nich weiß, wie man es zu benutzen hat.

    mein tipp: mach den ganzen kram nochmal - sich da durch zu wühlen und rausfinden was alles kagge is würde ewig dauern.

    font-tags gehören da nich rein uvm
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Problem - Seite verschiebt sich

    Für eine vernünftige Website benötigst di wie bereits erwähnt wirklich eine grundlegend neue Basis:

    Für dein IE brauchst du einen standardkonformen Doctype wie diesen:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
    Verzichte auf alle absoluten Positionierungen. Die heißen so, weil sie absolut unnötig sind und nur zu Problemen führen.
    Positioniere besser und ausschließlich mit float und margin-Angaben.

    Packe alle Style-angaben in eine ausgelagerte CSS-Datei. Das verschafft mehr übersicht und führt zu weniger Fehlern.

    Verzichte auf die veralteten HTML-font-Tags. Auch das lässt sich besser mit CSS regeln.

    Versuche, mit so wenig wie möglich Divs auszukommen. die sollten nur für größere, zusammengefasste Bereiche eingesetzt werden.

    Beschäftige dich mit HTML und CSS.

Ähnliche Themen

  1. EBAY Problem - Content verschiebt sich
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 13.04.2009, 23:36
  2. Seite verschiebt sich.
    Von Sport-Tipps im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 07.10.2008, 20:55
  3. Antworten: 10
    Letzter Beitrag: 20.10.2007, 01:00
  4. Hilfe die Seite verschiebt sich :-(
    Von NinjaZX636 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 09.12.2006, 17:47
  5. Text auf der Seite verschiebt sich
    Von Web4masta im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 07.09.2004, 14:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •