WinFuture-Forum.de: Menü Soll Nicht Mitscrollen (css) - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Menü Soll Nicht Mitscrollen (css)


#1 Mitglied ist offline   Bib 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.074
  • Beigetreten: 06. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bayern

  geschrieben 11. Juli 2006 - 08:36

Hi,
ich habe eine Seite erstellt: Link

Die Menüleiste auf der linken Seite soll jedoch nicht mitscrollen, sondern fest stehen bleiben, damit man es jederzeit sehen kann, auch wenn der Text im rechten Teil etwas länger ist und man runterscrollen muß.

Hier mal der auszug aus meiner CSS-Datei:
.menucontainer {
border:1px solid #000;
background-color:#ffffff;
width:170px;
margin:10px;
}

a.menu {
 display:block;
 padding:2px 2px 2px 18px;
 border-top:1px solid #bbb;
 background-color:#737994;
 text-align:left;
 color:#000000;
 text-decoration:none;
 background: url(design/menu-block_01.jpg);
 }


Was muß ich ändern, damit das fest bleibt?
0

Anzeige



#2 Mitglied ist offline   flo 

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

geschrieben 11. Juli 2006 - 09:00

Hallo

Du muss der class menucontainer ein position:fix; geben

.menucontainer {
position:fix;
border:1px solid #000;
background-color:#ffffff;
width:170px;
margin:10px;
}


Das Problem ist: Der IE kann es nicht....da würde dann nur javascript helfen (google) und fixe Positionierung ist nicht unbedingt vortewilhaft für die nutzer, denn du weist ja gar nicht auf was für einem Gerät sie sich die Seite ansehen.

Außerdem solltest du deine Seite mal Validieren da sind noch nen haufen Fehler drin, du verwendest zum Beispiel

Zitat

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">


da sind elemente wie

<center> , <font> nicht erlaubt, außerdem trennst du den Inhalt nicht vom Layout, von den blöden Designtabellen halte ich auch nix.


Ansonnsten: Schöne Seite gefällt mir.

Edit: Thema nach Skript/Webprogramierung verschoben

Dieser Beitrag wurde von Flo bearbeitet: 11. Juli 2006 - 09:14

0

#3 Mitglied ist offline   Bib 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.074
  • Beigetreten: 06. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bayern

geschrieben 11. Juli 2006 - 09:15

Die Seite wurde von meinem Vorgänger mit Frontpage erstellt. Ich baue Sie gerade mit Dreamweaver um, da ich von Frontpage 1. nicht viel halte und 2. mich mit Dreamweaver besser auskenne.

Wenn ich wüsste, wie das mit CSS genau geht, dann würde ichs schon so machen, wie du vorgeschlagen hast. Das CSS-Grundgerüst hab ich von einer anderen Seite kopiert. Hab mich zwar schon etwas in die Materie eingearbeitet, aber für die großen Design-Einstellungen reichts dann halt doch noch nicht ganz aus :(




Wie müsste denn eine CSS-Class für meinen Text auf der rechten Seite in etwa aussehen, damit das ungefähr so aussieht wie jetzt? Was benötige ich da alles? Schriftart und -Größe ist ja klar. Margin? Border?

Und wie müsste der Befehl aussehen, damit ich die jeweiligen Banner auf den Seiten mit CSS-gestalten kann? Das geht doch mit den Überschriftenformatierungen <h1> usw...
Zu sehen z.B. hier: http://meatwad.homeftp.org/
Ich meine die kleinen Überschriften in den grauen Balken "Allgmeines", "Verbindung des Servers" usw.

Dieser Beitrag wurde von Bib bearbeitet: 11. Juli 2006 - 09:46

0

#4 _rjchio_

  • Gruppe: Gäste

geschrieben 11. Juli 2006 - 21:32

Nimms mir nicht übel, aber dein Quelltext ist eine absolute Katastrophe!
http://validator.w3.org/check?uri=http%3A%...e%2Fmayrtest%2F
Kannst du vielleicht mal das Template anhängen?

Edit:
Tausch einfach mal die alte Stylesheet durch die im Anhang aus - sollte so eigentlich klappen!

MfG rjchio

Angehängte Datei(en)

  • Angehängte Datei  mayr.css (1,89K)
    Anzahl der Downloads: 203

Dieser Beitrag wurde von rjchio bearbeitet: 11. Juli 2006 - 21:38

0

#5 Mitglied ist offline   Bib 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.074
  • Beigetreten: 06. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bayern

geschrieben 12. Juli 2006 - 09:28

Also einige Fehler hab ich absichtlich eingebaut:

Ich habe meine Index-Seite, welche die anderen Seiten lädt und dann in einem CSS-Container darstellt. Diese einzelnen Seiten hab ich aber ebenfalls alle mit meiner CSS-Datei verknüpft, damit ich beim Erstellen der Seite im Vorschaufenster gleich immer das Ergebnis sehe. Wenn ich die CSS-Datei nur auf der Index-Seite verknüpfe, dann sehe ich das Ergebnis leider erst, sobald ich die Seite hochgeladen habe.

Oder kann man das anderweitig umgehen?
0

#6 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 12. Juli 2006 - 12:57

Du solltest in Erwägung ziehen, diese Kopiererei aufzugeben, und von vorn zu beginnen. Das Design ist tatsächlich simpel.

Auf deiner Seite kommen die Elemente <html> und <body> mehrfach vor. Möglicherweise ist es besser, erstmal eine HTML-Einführung zu lesen, statt Dokumententeile hineinzukopieren.

Ich kenne zwar deinen Editor nicht, aber ich kann empfehlen, den Stand der Dinge in 2-3 Browsern zu kontrollieren. Wenn du die Seiten dynamisch erzeugst, lohnt sich die Installation eines webservers im LAN bzw. lokal, sonst ist tatsächlich schwierig.

Folgendes Grundgerüst ist möglich: 
<?php
include("dokumentenkopf.inc"); //enthält doctype und head-Element
include("links.inc"); //enthält logo und Navigation
include("rechts.inc"); //enthält wechselnde Inhalte, entsprechend der übergebenen id
?>

Die CSS-Datei wird einmal in den Kopfbereich eingefügt.
0

#7 Mitglied ist offline   Bib 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.074
  • Beigetreten: 06. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bayern

geschrieben 12. Juli 2006 - 13:39 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="Peter Mayr" />
<meta name="description" content="Mayr aktiv Häuser nach Maß" />
<meta name="keywords" content="Mayr, aktiv, Haus, Häuser, Hausbau, Verkauf, Vermietung, Wohnraum, Immobilien, Gewerbe, Grundstücke, Wohnung, Eigenheim" />

<title>Mayr-aktiv - Häuser nach Maß</title>
<link href="mayr.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="width:880px;margin:0px auto;text-align:left;background-color:#bdbec6;border:1px solid #000000;">
 

 <div id="left">
  <div class="menucontainer">
   <? include ("nav.php"); ?>
  </div>
 </div>

 <div id="content">
  <?php
	switch($_GET['id'])
{
   case 1: include("010_home.php"); break;
   case 2: include("020_hauskonzepte.php"); break;
   case 3: include("030_haeuserauswahl.php"); break;
   case 4: include("040_aktuelle_objekte.php"); break;
   case 5: include("050_anbauvarianten.php"); break;
   case 6: include("060_ausstattung.php"); break;
   case 7: include("070_pluspunkte.php"); break;
   case 8: include("080_galerie.php"); break;
   case 9: include("090_wichtigesphp"); break;
   case 10: include("100_kontakt.php"); break;
   case 21: include("021_0_family_haeuser.php"); break;   
   case 22: include("022_0_classic_haeuser.php"); break;  
   case 23: include("023_0_doppelhaus.php"); break;  
   case 211: include("021_1_0_family_haus_101.php"); break;   
   case 212: include("021_2_0_family_haus_123.php"); break;
   case 213: include("021_3_0_family_haus_136.php"); break;
   case 221: include("022_1_0_classic_haus_149.php"); break;   
   case 222: include("022_2_0_classic_haus_162.php"); break;
   case 223: include("022_3_0_classic_haus_164.php"); break;   
   case 231: include("023_1_0_doppelhaus_115.php"); break;   
   case 51: include("051_0_quergibel.php"); break;
   case 52: include("052_0_erker_und_balkone.php"); break;
   case 53: include("053_0_anbauten.php"); break;
   case 54: include("054_0_terassen.php"); break;
   
   default: include("010_home.php");
}
  ?>
 </div>
 <br style="clear:both;" />
</div>
</body>
</html>



Das hier ist meine index.php

Die Seiten die dann damit eingefügt werden (nav.php und die ganzen Inhalts-Seiten eben) haben auch alle die Tags <body> und <html> im Quelltext. Darum wirds bei dir wahrschienlich mehrfach angezigt werden. Muß ich das dann bei den ganzen anderen Seiten rauslöschen und nur in dieser index.php drinstehen lassen?


Und wo muß dann die CSS-Datei verknüpft werden in meinem Fall? In der index.php und sonst nirgends mehr? Oder nur in der nav.php (darin steht das Logo und die Navigationsleiste)?

Dieser Beitrag wurde von Bib bearbeitet: 12. Juli 2006 - 13:43

0

#8 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 12. Juli 2006 - 14:12

Beitrag anzeigenZitat (Bib: 12.07.2006, 14:39)

Die Seiten die dann damit eingefügt werden (nav.php und die ganzen Inhalts-Seiten eben) haben auch alle die Tags <body> und <html> im Quelltext. Darum wirds bei dir wahrschienlich mehrfach angezigt werden. Muß ich das dann bei den ganzen anderen Seiten rauslöschen und nur in dieser index.php drinstehen lassen?
Natürlich, es wird doch alles zu einem Dokument zusammengefügt. Es ist nur ein html- und body-Element je Dokument nötig und möglich.

Zitat

Und wo muß dann die CSS-Datei verknüpft werden in meinem Fall? In der index.php und sonst nirgends mehr? Oder nur in der nav.php (darin steht das Logo und die Navigationsleiste)?
Vorzugsweise in der index.php, da du möglicherweise universalselektoren einsetzen willst, oder auch body formatieren willst.
0

Thema verteilen:


Seite 1 von 1

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