Beiträge von sejuma
-
-
Lass bei ul #menu a mal das weg, insbes. das auto:
Codemargin: 0.5em auto; -
Ein Link zur Problemseite ist immer hilfreich.
Haben deine Seiten einen qualifizierten Doctype? -
Selbstverständlich: Einfach den height-Wert weglassen.
-
Sorry, das ist keine Website, sondern schlicht und einfach Murks, wo dir niemand helfen kann.
Da sind Style-Tags mitten im Quelltext, Elemente werden nicht korrekt geöffnet oder geschlossen u.v.m.Mein Tipp:
Basics lernen oder machen lassen von jemand der sich auskennt oder Vorhaben bleiben lassen. -
Bereinige zunächst mal diese Valiedierungsfehler.
-
-
Das funktioniert so aus verschiedenen Gründen nicht:
Zunächst ist nicht die Bildschirmauflösung maßgeblich, sondern die Größe des jeweils geöffneten Browserfensters. Und die hängt u.a. davon ab, wie groß das Fenster vom Benutzer aufgezogen ist, ob eine Sidebar (Favoriten) geöffnet ist oder wie hoch die obere Menüleiste ist.In deinem Code werden dir die absoluten Positionierungen zum Verhängnis. Denn je nach Fenstergröße führen dazu, dass bestimmte Inhalte unsichtbar werden und für den Besucher verschwinden.
Mein Tipp: Verzichte auf sämtliche absoluten Angaben (die heißen übrigens so, weil sie meist "absolut" unnötig sind und nur zu Prblemen führen, wenn man sie nicht sinnentsprechend verwendet).
Positioniere besser und ausschließlich mit float- und margin-Angaben. -
Sieh mal, ob dir diese Anleitung weiterhilft.
-
Füge jeweils noch ein Leerzeichen vor dem Punkt ein:
Codediv#footer .footer-links -
Um einen Div horizontal zu zentrieren benötigt er eine Breite. Das kann ein fester Pixelwert oder ein bestimmter Prozentwert sein.
Wie soll er sonst wissen, welchen Abstand er rechts und links einnehmen soll?
Wie das funktioniert findest du hier erklärt: http://www.ohne-css.gehts-gar.net/0001.phpWenn ein Div dagegen dynamisch sein soll, dann nimmt er die insgesamt zur Verfügung stehende Breite ein, also 100%. Somit erübrigt sich in diesem Fall die Zentrierung.
text-align: center ist zur Zentrierung veraltet und sollte für diesen Zweck nicht mehr eingesetzt werden.
Es dient der Zentrierung von Text innerhalb eines Blockelements. -
Du brauchst zwei getrennte Spalten/Divs, in die die jeweiligen Inhalte reinkommen. Eine davon floatest du.
Habe dir mal auf die Schnelle was gebastelt, zusätzlich noch mit einem zentrierenden #wrapper:HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Aquazoo</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> #wrapper { width: 900px; margin: 0 auto; } #rechts { float: right; width: 150px; margin-top: 60px; } #content { margin-right: 180px; } </style> </head> <body> <div id="wrapper"><!--zentriert die Seite--> <div id="rechts"> <img width="150px" height="150px" title="Rand1" alt="Aquazoo Logo" src="bilder/aquazoo_rand1.jpg"/> <table border="1" width="150px" cellpadding="3" cellspacing="3" style="float:right;"> <tr> <th colspan="2" align="center"> Preise </tr> <tr> <td>Erwachsene</td> <td>6.00€</td> </tr> <tr> <td>Kinder und Jugendliche<br /> (6-18 Jahre)</td> <td>4.00€</td> </tr> <tr> <td>Kinder unter 6 Jahre</td> <td>frei</td> </tr> </table> </div><!--Ende #rechts--> <div id="content"> <h1> Der Aquazoo</h1> <p> Der Aquazoo befindet sich im Düsseldorfer Norden, genauer gesagt im Stadtteil Golzheim. Er ist in den angrenzenden Nordpark eingebettet. [...] </p> </div><!--Ende #content--> </div><!--Ende #wrapper--> </body> </html> -
Ohne Link zur Seite kann man dir schwer helfen, da man auch die eingebundenen Grafiken sehen muss.
Besorge dir ggf. Freewebspace bei einem Anbieter.Du kannst es auch mal damit versuchen, letztlich ist aber ohne Link alles nur Spekulation:
Code#header { float:left; padding:14px 0px 0px 15px; width:563px; background-color:#fff; height:107px; } -
Versuch's mal damit:
http://www.ohne-css.gehts-gar.net/0009.phpEvtl. auch
Codeul {margin: 0;}Ansonsten bitte Link zur Problemseite posten.
-
-
Ja, das clear kannst du auch ul zuweisen. Auch damit ersparst du dir einen Div.
-
Spontan fällt mir dazu ein CSS-Style-Switcher ein.
Hier hinterlegst du verschiedene CSS-Dateien, z.B. mit unterschiedlichen Schriftgrößen.
Das Prinzip findest du hier erklärt: http://www.ohne-css.gehts-gar.net/0048.php -
Verzichte auf die Tabelle, denn die ist nicht für Layoutzwecke vorgesehen.
Gestalte deine Seite besser mit CSS und zeichne sie im HTML-Teil semantisch korrekt aus. -
Wozu einen zusätzlichen ID wenn man alles direkt dem body zuweisen kann?
Macht weniger Quelltext und erhöht die Übersicht.
Valide wird es mit beiden Varianten und im Hinblick auf Semantik ist ein überflüssiger ID sicher nicht unbedingt falsch, aber unnötig. "Perfekt" heißt aber auch: So wenig HTML- und CSS-Code wie möglich.
Deshalb würde ich es ohne ID machen. -
Suche mal in der CSS-Datei überall nach solchen Kombinationen wie heir:
Code.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
Dort, wo "float: left" in Kombination mit "margin-left" oder "float: right" in Kombination mit "margin-right" vorkommt, füge noch einCodedisplay: inline;
hinzu.
Begründung siehe http://www.ohne-css.gehts-gar.net/0032.phpEin zusätzliches Stylesheet brauchst du dazu nicht.
