mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 10:14 Benutzername: Passwort: Auto-Login

Thema: [suche] eigenschaften xhtml strict übersicht vom 11.04.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [suche] eigenschaften xhtml strict übersicht
Seite: Zurück  1, 2
Autor Nachricht
tacker

Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht: Männlich
Verfasst Mi 12.04.2006 10:10
Titel

Antworten mit Zitat Zum Seitenanfang
ZeroFlash hat geschrieben:
hab erstmal ne methode gefunden die wieder geht und auch valide ist sowohl css als auch xhtml 1.0 strict

So was ist ein guter Kandidat für ne FAQ, die Frage der vertikalen zentrierung hatten wir hier schon oft.
http://www.google.com/search?hl=de&sitesearch=mediengestalter.info&q=%2Bvertikal+%2Bzentrieren+inurl%3Amediengestalter.info%2Fforum%2F4%2F
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ZeroFlash
Threadersteller

Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Mi 12.04.2006 11:31
Titel

Antworten mit Zitat Zum Seitenanfang
ja das stimmt wohl. ist echt eine scheiss problematik.... mit 50% verschieben und negativen margins schiebt man alles aus dem fenster. dann kannst du zwar mit margin:auto; und dem richtigen doctype es für alle browser hoizontal zentrieren aber nicht vertikal. ich hatte eine methode die gut ist und auch funktioniert. doch sobald ich ein doctype reinpacke geht auch das nicht mehr und lässt sich auch nicht mehr zurecht schieben am besten ich poste mal den code dazu...

hier der html code

Code:
<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
   <title>titel</title>
   <link rel="stylesheet" type="text/css" href="styles.css"/>
</head>
<body>
   <div class="distance"></div>
   <div class="content">
      content
   </div>
</body>
</html>


und hier die css datei dazu

Code:
body {
   text-align:center;
   margin:0px;
   padding:0px;
   }
.distance {
   width:100%;
   height:50%;
   margin-bottom:210px;
   float:left;
   }
.content {
   margin:0 auto;
   position:relative;
   text-align:left;
   width:704px;
   height:410px;
   clear:left;
   border:1px dashed black;
   }


edit: hmm ja die methode die ich gefunden hatte geht nur mit relativen größen und ist somit wieder mal untauglich.... grrrrrr

Zuletzt bearbeitet von ZeroFlash am Mi 12.04.2006 11:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 12.04.2006 11:58
Titel

Antworten mit Zitat Zum Seitenanfang
du meinst die methode geht nur mit fixen größen.

außerdem bezweifle ich das die methode überhaupt geht, da an einer wichtigen stelle ein height: 100%; fehlt.
  View user's profile Private Nachricht senden
ZeroFlash
Threadersteller

Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Mi 12.04.2006 12:23
Titel

Antworten mit Zitat Zum Seitenanfang
ja mein ich! wo fehlt die höhe denn?

Zuletzt bearbeitet von ZeroFlash am Mi 12.04.2006 12:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
ZeroFlash
Threadersteller

Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Mi 12.04.2006 14:15
Titel

Antworten mit Zitat Zum Seitenanfang
so hab mal rumprobiert und muss sagen bin echt blöd

Code:

<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
   <title>Otitle</title>
   <style type="text/css">
   body {
   height:100%;
   margin:0px;
   padding:0px;
   }
.distance {
   width:99%;
   height:50%;
   margin-bottom:-205px;
   float:left;
   border:1px dashed red;
   }
.content {
   margin:auto;
   position:relative;
   text-align:left;
   width:704px;
   height:410px;
   clear:left;
   border:1px dashed black;
   }
</style>
</head>
<body>
   <div class="distance"></div>
   <div class="content"><p>geil?</p></div>   
</body>
</html>


css und xhtml 1.0 strict valide und horizontal wie vertical zentriert

edit: leider geht es nur im ie... hab hier grad den firefox gefunden.. bin leider net an meinem rechner... heul... das muss doch gehen *hu hu huu*

Zuletzt bearbeitet von ZeroFlash am Mi 12.04.2006 14:35, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen validierendes xhtml 1.0 strict
[solved] xhtml 1.0 strict - javascript
Guestbook gesucht (XHTML 1.0 Transitional oder Strict)
[js] jQuery Strict Warnings
Suche CMS mit gewissen Eigenschaften
Indesign CS3 - Eigenschaften übernehmen
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB