mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 02:56 Benutzername: Passwort: Auto-Login

Thema: Ein Problem mit css vom 24.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Ein Problem mit css
Seite: Zurück  1, 2
Autor Nachricht
schattenjaeger
Threadersteller

Dabei seit: 03.11.2005
Ort: Kiel
Alter: 34
Geschlecht: Männlich
Verfasst Mi 24.10.2007 21:19
Titel

Antworten mit Zitat Zum Seitenanfang

Wie switche ich den quirkmodus? Ich benutze doch nen doctype.

... wie soll ich die psotion sonst machen, dass es funkt? bin grad ratlos..

EDIT:


also wenn ich noch den content mit relative positioniere, dann ist der main bereich nicht mehr da wo er hingehört...


Zuletzt bearbeitet von schattenjaeger am Mi 24.10.2007 21:25, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 24.10.2007 21:26
Titel

Antworten mit Zitat Zum Seitenanfang

schattenjaeger hat geschrieben:
Wie switche ich den quirkmodus? Ich benutze doch nen doctype.


Durch den Kommentar in der ersten Zeile des Dokumentes.

schattenjaeger hat geschrieben:
... wie soll ich die psotion sonst machen, dass es funkt? bin grad ratlos..


Du kannst die Elemente um sie auszurichten auch einfach floaten, ich sehe hier keine Notwendigkeit
für eine absolute Positionierung.

schattenjaeger hat geschrieben:
EDIT:

also um die main mittig zu positionieren muss ich das mit absolute lösen..


In dem Fall macht es keine Sinn dass ganze per Positionierung zu zentrieren, wie du das
hier gelöst hast ist generell auch nicht zu empfehlen. Verkleiner mal dein Browserfenster
auf ein Minimum und du wirst bemerken weshalb.

Du kannst die gesamte Seite auf vers. Weisen zentrieren. Angebracht wäre hier einfach
das Element #main welches ja eine feste breite besitzt per margin zu zentrieren:

Code:
#main {
   margin: 0 auto;
   width: ...px;
}



Hier das ganze mal stark vereinfacht einfach nur um das Prinzip zu verdeutlichen.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Praxis für Hypnose- und Psychotherapie</title>
<style type="text/css">
* {
   margin: 0;
   padding: 0;
}
body { background: #fc0;  }
#main { margin: 0 auto; width:720px; background-color: #fff;}
#content {
   float: left;
   width: 500px;
}
#sidebar {
   background: #ccc;
   float: left;
   width: 220px;
}
#footer {
   clear: both;
   background-color: #eee;
}
</style>
</head>
<body>
   <div id="main">
      <div id="content">
           <h2>Ein unnötiges Leiden - psychische Problem</h2>
           <p>Psychische Erkrankungen können jeden treffen und stellen eine  schwere Belastung für die Betroffenen
         und deren Angehörigen dar, mit  beträchtlichen sozialen und wirtschaftlichen Folgen. Diese Erkrankungen   
         sind  in den letzten 1o Jahre dramatisch angestiegen,  zwischen 20-30%  der Bevölkerung leiden darunter
         und es werden immer mehr. Psychische  Erkrankungen passen so gar nicht in das Bild der heutigen Zeit,
         einer  Zeit, in der Jugendlichkeit, Fitness und Konkurrenzfähigkeit die  bestimmenden Werte einer
         Leistungsgesellschaft geworden sind und immer  zu einer sozialen Verunsicherung führen. Paradoxerweise
         sind aber  gerade psychische Störungen die dunklen und verdrängten Folgen dieser  gesellschaftlichen
         Bedingungen, die sich immer mehr ausbreiten. </p>
      </div>
      <div id="sidebar">
         Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar
         Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar
         Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar
         Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar
         Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar
      </div>
      <div id="footer">
         ### Hoffmann 2007 | Impressum
      </div>   
   </div>
</body>
</html>


Zuletzt bearbeitet von m am Mi 24.10.2007 21:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
schattenjaeger
Threadersteller

Dabei seit: 03.11.2005
Ort: Kiel
Alter: 34
Geschlecht: Männlich
Verfasst Mi 24.10.2007 21:42
Titel

Antworten mit Zitat Zum Seitenanfang

ich danke dir für deine sehr ausfürhliche antwort.. ich werde das morgen noch einmal neu schreiben und von meinem absolute ein wenig runterkommen.. ich danke dir Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen Formmailer-Problem-neues problem
CMM Problem
css problem
VBS Problem (ADS usw)
Css Problem
PHP Problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.