mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 10.12.2016 14:16 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: Offenbach am Main
Alter: 36
Geschlecht: Männlich
Verfasst Mi 12.04.2006 09: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: 33
Geschlecht: Männlich
Verfasst Mi 12.04.2006 10: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 10:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mi 12.04.2006 10: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 Website dieses Benutzers besuchen
ZeroFlash
Threadersteller

Dabei seit: 11.02.2005
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 12.04.2006 11: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 11:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
ZeroFlash
Threadersteller

Dabei seit: 11.02.2005
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 12.04.2006 13: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 13: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.