Middle und Center Formatieren - Seite 4

smartie · #31 (**permalink**) 28.08.2005, 18:44

Hallo,

ich habe es so umgesetzt, wie fricca es weiter oben beschrieben hat.

Bei mir funktioniert als unter IE einwandfrei, jedoch unter Firefox wird die Anzeige nicht korrekt angezeigt!

Meine CSS Datei schaut wie folgt aus:

Code:

a { color: #ffffff; font-style: normal; font-weight: normal; text-decoration: none }

* {
      margin:0;
      padding:0;
      }

html, body {
      height:95%;
      }

.abstand {
      width:5px;
      height:50%;
      margin-bottom:-199px; /* halbe Höhe von #container */
      float:left;
      }

.container {
      margin:0 auto;
      text-align:left;
      height:398px;
      width:700px;
      clear:left;
      }

.headbig {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333300;
	font-variant: normal;

}
.bodytext {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333300;
	line-height: 16px;
	letter-spacing: 1px;
	white-space: normal;
	list-style-type: disc;
	list-style-position: outside;

}
.headsmall {

	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #333300;
}

Kann mir jemand vielleicht sagen, warum es unter IE funktioniert und unter Firefox nicht?

Vielen Dank im Voraus.

Gruß.

Eren

fricca · #32 (**permalink**) 28.08.2005, 19:06

Zitat:

Zitat von smartie

Bei mir funktioniert als unter IE einwandfrei, jedoch unter Firefox wird die Anzeige nicht korrekt angezeigt!

Was genau wird "nicht korrekt angezeigt"?

Zitat:

Zitat von smartie

Meine CSS Datei schaut wie folgt aus:

Wie sieht das HTML dazu aus?
Welchen Doctype verwendest du?

Bitte nachvollziehbaren Quelltext posten.

smartie · #33 (**permalink**) 28.08.2005, 19:41

Hi,

also unter IE wird der Container mittig (sowohl horizontal, als auch vertikal angezeigt. Unter Firefox leider nur horizontal.

Der HTML Text dazu lautet

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=iso-8859-1" />
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Language" CONTENT="German, Deutsch, de">
<meta name="Title" CONTENT="">
<meta name="Author" CONTENT="">
<meta name="Publisher" CONTENT="">
<meta name="Copyright" CONTENT="">
<meta name="revisit" CONTENT="">
<meta name="Keywords" CONTENT="">
<meta name="Description" CONTENT="">
<meta name="Abstract" CONTENT="">
<meta name="Page-Topic" CONTENT="">

<meta name="Audience" CONTENT=" Alle ">
<meta name="Robots" CONTENT="INDEX,FOLLOW">

<meta name="Doc-Type" content="">
<meta name="Doc-Rights" content="">
<meta name="Doc-Publisher" content="">
<meta name="Resource-Type" content="document">

<link href="css/styles.css" rel="stylesheet" type="text/css">
</head>
<body scroll="no" bgcolor="#371a12">
    <div id="abstand"></div>
    <div id="container">
<table border="0" height="100%" width="100%">
        <tbody><tr>
          <td align="center">
            <table style="border: 1px solid Black;" border="1" bordercolor="#353535" cellpadding="0" cellspacing="0" height="398" width="700">
              <tbody><tr>TEXT</tr>
            </tbody></table>
          </td>
        </tr>
      </tbody></table>

Gruß.

Eren

fricca · #34 (**permalink**) 28.08.2005, 20:02

Bitte validiere erstmal deine Dokumente!

Du hast "abstand" und "container" im HTML als ID verwendet, im CSS sprichst du aber Klassen an. Das passt nicht zusammen.

Zitat:

Schmeiß diese veralten HTML-Attribute raus und verwende CSS-Eigenschaften.

Grüße
fricca

smartie · #35 (**permalink**) 28.08.2005, 20:48

Hi,

danke für Deine Tipps, aber ich habe keine Ahnung wie ich das machen soll?!
Ich bin absoluter Neuling in dem Gebiet. Könntest Du mir vielleicht helfen?

Vielen Dank im Voraus.

Gruß.

Eren

fricca · #36 (**permalink**) 28.08.2005, 20:51

Zitat:

Zitat von smartie

danke für Deine Tipps, aber ich habe keine Ahnung wie ich das machen soll?!

Vergleiche nochmal dein Dokument mit dem Code von oben.
Es macht einen Unterschied ob im Stylesheet
.abstand
oder
#abstand
steht!

Zitat:

Könntest Du mir vielleicht helfen?

Die Grundlagen musst du dir schon selbst aneignen.

Grüße
fricca

Bonaparte · #37 (**permalink**) 29.11.2005, 18:28

Hab hier einbisschen durchgelesen dennoch daraus nicht schlau geworden.
Was muss ich machen, damit der Text horizontal und vertikal zentriert wird?

Code:

#box {
vertical-align:middle;
text-align:center;
font-weight:bold;
float:left;
width:130px;
height:60px;
padding:10;
margin-right:18px;
margin-bottom:18px;
background-color:#eaeaea;
}

ulle · #38 (**permalink**) 29.11.2005, 18:38

http://www.xhtmlforum.de/viewtopic.php?p=34786#34786

Das Beispiel kopieren, damit spielen, verstehen und dann einfach Deinen Container einsetzen

FlashJunior · #39 (**permalink**) 27.05.2009, 15:45

Ich hab vor einiger Zeit auch mal was ausprobiert.

Centering a Div horizontal and vertical

Was haltet ihr von dieser Lösung?

markuskoehler · #40 (**permalink**) 02.06.2009, 20:09

Ich halte mich schon immer an Ayom -> div vertikal und horizontal zentrieren.

Und das scheint auch browserübergreifend zu funktionieren...

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bild zentrieren	JuKo	CSS	4	21.03.2018 00:35
Verschiebungen bei größerem Bildschirm	seelefant	CSS	4	28.07.2014 15:43
Unterschiedliche Darstellung in Firefox / IE	memphis2k	CSS	16	30.08.2011 17:40
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Problem mit CSS in Joomla 1.5	noobilicius	CSS	6	25.09.2008 20:24