zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden Middle und Center Formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #31 (permalink)  
Alt 28.08.2005, 18:44
Neuer Benutzer
neuer user
 
Registriert seit: 28.08.2005
Beiträge: 5
smartie befindet sich auf einem aufstrebenden Ast
Standard

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
__________________
erenkozik
Mit Zitat antworten
Sponsored Links
  #32 (permalink)  
Alt 28.08.2005, 19:06
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
Sponsored Links
  #33 (permalink)  
Alt 28.08.2005, 19:41
Neuer Benutzer
neuer user
 
Registriert seit: 28.08.2005
Beiträge: 5
smartie befindet sich auf einem aufstrebenden Ast
Standard

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
__________________
erenkozik
Mit Zitat antworten
  #34 (permalink)  
Alt 28.08.2005, 20:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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:
<body scroll="no" bgcolor="#371a12">
Schmeiß diese veralten HTML-Attribute raus und verwende CSS-Eigenschaften.

Grüße
fricca
Mit Zitat antworten
  #35 (permalink)  
Alt 28.08.2005, 20:48
Neuer Benutzer
neuer user
 
Registriert seit: 28.08.2005
Beiträge: 5
smartie befindet sich auf einem aufstrebenden Ast
Standard

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
__________________
erenkozik
Mit Zitat antworten
  #36 (permalink)  
Alt 28.08.2005, 20:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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
Mit Zitat antworten
  #37 (permalink)  
Alt 29.11.2005, 18:28
Neuer Benutzer
neuer user
 
Registriert seit: 26.10.2005
Beiträge: 20
Bonaparte befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Mit Zitat antworten
  #38 (permalink)  
Alt 29.11.2005, 18:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

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

Das Beispiel kopieren, damit spielen, verstehen und dann einfach Deinen Container einsetzen
__________________
</ulle>
Mit Zitat antworten
  #39 (permalink)  
Alt 27.05.2009, 15:45
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.11.2004
Beiträge: 141
FlashJunior befindet sich auf einem aufstrebenden Ast
Standard

Ich hab vor einiger Zeit auch mal was ausprobiert.

Centering a Div horizontal and vertical

Was haltet ihr von dieser Lösung?
Mit Zitat antworten
Sponsored Links
  #40 (permalink)  
Alt 02.06.2009, 20:09
Software Engineer
XHTMLforum-Mitglied
 
Registriert seit: 03.01.2008
Ort: Altleiningen
Beiträge: 305
markuskoehler kann nur auf Besserung hoffen
Ausrufezeichen

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

Und das scheint auch browserübergreifend zu funktionieren...
__________________
MfG Markus Köhler
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
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
div middle / center DieLiLLy CSS 2 28.03.2006 11:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:31 Uhr.