mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 12:30 Benutzername: Passwort: Auto-Login

Thema: [CSS] Will nicht zentriert... vom 15.11.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Will nicht zentriert...
Seite: 1, 2, 3  Weiter
Autor Nachricht
xBe
Threadersteller

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Mi 15.11.2006 21:01
Titel

[CSS] Will nicht zentriert...

Antworten mit Zitat Zum Seitenanfang

Hi!
Ich hab hier was mit CSS gemacht, krieg es aber nicht zentriert...

Code:
<html>
<head>
<title>.:PORTFOLIO:.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--

div.Tabelle_01 {
   position:absolute;
   left:0px;
   top:0px;
   width:800px;
   height:600px;
}

div.startseite-01 {
   position:absolute;
   left:0px;
   top:2px;
   width:800px;
   height:73px;
}

div.startseite-02 {
   position:absolute;
   left:0px;
   top:73px;
   width:71px;
   height:137px;
}

div.startseite-03 {
   position:absolute;
   left:71px;
   top:73px;
   width:355px;
   height:137px;
}

div.startseite-04 {
   position:absolute;
   left:426px;
   top:73px;
   width:279px;
   height:137px;
}

div.startseite-05 {
   position:absolute;
   left:705px;
   top:73px;
   width:95px;
   height:527px;
}

div.startseite-06 {
   position:absolute;
   left:0px;
   top:210px;
   width:70px;
   height:390px;
}

div.startseite-07 {
   position:absolute;
   left:70px;
   top:210px;
   width:252px;
   height:329px;
}

div.startseite-08 {
   position:absolute;
   left:322px;
   top:210px;
   width:71px;
   height:299px;
}

div.startseite-09 {
   position:absolute;
   left:393px;
   top:210px;
   width:298px;
   height:27px;
}

div.startseite-10 {
   position:absolute;
   left:691px;
   top:210px;
   width:14px;
   height:299px;
}

div.startseite-11 {
   position:absolute;
   left:393px;
   top:237px;
   width:38px;
   height:257px;
}

div.startseite-12 {
   position:absolute;
   left:431px;
   top:237px;
   width:260px;
   height:248px;
   overflow: scroll;
   background-color: #FFFFFF;
}

div.startseite-13 {
   position:absolute;
   left:431px;
   top:485px;
   width:260px;
   height:9px;
}

div.startseite-14 {
   position:absolute;
   left:393px;
   top:494px;
   width:298px;
   height:15px;
}

div.startseite-15 {
   position:absolute;
   left:322px;
   top:509px;
   width:61px;
   height:23px;
}

div.startseite-16 {
   position:absolute;
   left:383px;
   top:509px;
   width:9px;
   height:24px;
}

div.startseite-17 {
   position:absolute;
   left:392px;
   top:509px;
   width:30px;
   height:23px;
}

div.startseite-18 {
   position:absolute;
   left:422px;
   top:509px;
   width:9px;
   height:23px;
}

div.startseite-19 {
   position:absolute;
   left:431px;
   top:509px;
   width:55px;
   height:23px;
}

div.startseite-20 {
   position:absolute;
   left:486px;
   top:509px;
   width:7px;
   height:23px;
}

div.startseite-21 {
   position:absolute;
   left:493px;
   top:509px;
   width:56px;
   height:23px;
}

div.startseite-22 {
   position:absolute;
   left:549px;
   top:509px;
   width:6px;
   height:23px;
}

div.startseite-23 {
   position:absolute;
   left:555px;
   top:509px;
   width:63px;
   height:23px;
}

div.startseite-24 {
   position:absolute;
   left:618px;
   top:509px;
   width:8px;
   height:23px;
}

div.startseite-25 {
   position:absolute;
   left:626px;
   top:509px;
   width:45px;
   height:23px;
}

div.startseite-26 {
   position:absolute;
   left:671px;
   top:509px;
   width:34px;
   height:23px;
}

div.startseite-27 {
   position:absolute;
   left:322px;
   top:532px;
   width:61px;
   height:68px;
}

div.startseite-28 {
   position:absolute;
   left:392px;
   top:532px;
   width:313px;
   height:68px;
}

div.startseite-29 {
   position:absolute;
   left:383px;
   top:533px;
   width:9px;
   height:67px;
}

div.startseite-30 {
   position:absolute;
   left:70px;
   top:539px;
   width:252px;
   height:61px;
}
body {
   background-color: #6B6B6B;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (startseite.psd) -->
<div class="Tabelle_01">
   <div class="startseite-01">
      <img src="Bilder/startseite_01.png" width="800" height="73" alt="">
   </div>
   <div class="startseite-02">
      <img src="Bilder/startseite_02.png" width="71" height="137" alt="">
   </div>
   <div class="startseite-03">
      <img src="Bilder/startseite_03.png" width="355" height="137" alt="">
   </div>
   <div class="startseite-04">
      <img src="Bilder/startseite_04.png" width="279" height="137" alt="">
   </div>
   <div class="startseite-05">
      <img src="Bilder/startseite_05.png" width="95" height="527" alt="">
   </div>
   <div class="startseite-06">
      <img src="Bilder/startseite_06.png" width="70" height="390" alt="">
   </div>
   <div class="startseite-07">
      <img src="Bilder/startseite_07.png" width="252" height="329" alt="">
   </div>
   <div class="startseite-08">
      <img src="Bilder/startseite_08.png" width="71" height="299" alt="">
   </div>
   <div class="startseite-09">
      <img src="Bilder/startseite_09.png" width="298" height="27" alt="">
   </div>
   <div class="startseite-10">
      <img src="Bilder/startseite_10.png" width="14" height="299" alt="">
   </div>
   <div class="startseite-11">
      <img src="Bilder/startseite_11.png" width="38" height="257" alt="">
   </div>
   <div class="startseite-12">
Ja, wir finden auch, dass man &uuml;ber die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man &uuml;ber die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man &uuml;ber die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht seiJa, wir finden auch, dass man &uuml;ber die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man &uuml;ber die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man &uuml;ber die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sei   </div>
   <div class="startseite-13">
      <img src="Bilder/startseite_13.png" width="260" height="9" alt="">
   </div>
   <div class="startseite-14">
      <img src="Bilder/startseite_14.png" width="298" height="15" alt="">
   </div>
   <div class="startseite-15">
      <img src="Bilder/startseite_15.png" width="61" height="23" alt="">
   </div>
   <div class="startseite-16">
      <img src="Bilder/startseite_16.png" width="9" height="24" alt="">
   </div>
   <div class="startseite-17">
      <img src="Bilder/startseite_17.png" width="30" height="23" alt="">
   </div>
   <div class="startseite-18">
      <img src="Bilder/startseite_18.png" width="9" height="23" alt="">
   </div>
   <div class="startseite-19">
      <img src="Bilder/startseite_19.png" width="55" height="23" alt="">
   </div>
   <div class="startseite-20">
      <img src="Bilder/startseite_20.png" width="7" height="23" alt="">
   </div>
   <div class="startseite-21">
      <img src="Bilder/startseite_21.png" width="56" height="23" alt="">
   </div>
   <div class="startseite-22">
      <img src="Bilder/startseite_22.png" width="6" height="23" alt="">
   </div>
   <div class="startseite-23">
      <img src="Bilder/startseite_23.png" width="63" height="23" alt="">
   </div>
   <div class="startseite-24">
      <img src="Bilder/startseite_24.png" width="8" height="23" alt="">
   </div>
   <div class="startseite-25">
      <img src="Bilder/startseite_25.png" width="45" height="23" alt="">
   </div>
   <div class="startseite-26">
      <img src="Bilder/startseite_26.png" width="34" height="23" alt="">
   </div>
   <div class="startseite-27">
      <img src="Bilder/startseite_27.png" width="61" height="68" alt="">
   </div>
   <div class="startseite-28">
      <img src="Bilder/startseite_28.png" width="313" height="68" alt="">
   </div>
   <div class="startseite-29">
      <img src="Bilder/startseite_29.png" width="9" height="67" alt="">
   </div>
   <div class="startseite-30">
      <img src="Bilder/startseite_30.png" width="252" height="61" alt="">
   </div>
</div>

</div>
<!-- End ImageReady Slices -->
</body>
</html>


Habs auch schon mit body style="text-align:center;" das macht der auch net...
Brauche Hilfe...


LG der xbe
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mi 15.11.2006 21:49
Titel

Antworten mit Zitat Zum Seitenanfang

* Wo bin ich? * Ach du grüne Neune...

a) Was willst du zentrieren?
b) Schonmal das Wort „Semantik“ gehört?

Empfehlung (falls die komplette Seite zentriert sein soll):
Step 1: Alle CSS Angaben restlos löschen
Step 2: Einen (!) div-Container um alle Inhalte deiner Seite, mit id oder Klasse versehen
Step 3: selbiger Klasse/Id "margin: 0 auto; width: XXXpx;" verpassen
Step 4: dem body "text-align: center;" zuweisen (für den IE)
Step 5: Seite im Browser betrachten und sich freuen

Falls du was anderes zentrieren möchtest, mal eine lauffähige Online-Version posten (URL)


Zuletzt bearbeitet von seal am Mi 15.11.2006 21:50, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
kreativsteffi

Dabei seit: 21.02.2005
Ort: Jena
Alter: 37
Geschlecht: Weiblich
Verfasst Mi 15.11.2006 21:53
Titel

Antworten mit Zitat Zum Seitenanfang

seal hat geschrieben:

Step 2: Einen (!) div-Container um alle Inhalte deiner Seite, mit id oder Klasse versehen


hab das auch immer so gemacht, aber dachte echt da gibts noch ne möglichkeit, die professioneller scheint. deswegen hab ich auch nicht geantwortet^^
  View user's profile Private Nachricht senden
xBe
Threadersteller

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Mi 15.11.2006 22:14
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für eure antworten...

Hier ma ne lauffähige version!

Hier

Ich will die ganze seite zentrieren, aber irgendwie will die beschreibung nicht funktionieren, die du mir da gegeben hast...


Danke im vorraus
  View user's profile Private Nachricht senden
kreativsteffi

Dabei seit: 21.02.2005
Ort: Jena
Alter: 37
Geschlecht: Weiblich
Verfasst Mi 15.11.2006 22:25
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
#center {
   text-align: center;
   margin: 0 auto;
   width:XYZpx;
}



Code:

<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (startseite.psd) -->

<div id="center">
dein ellenlanger code.....blablabla
</div>
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mi 15.11.2006 22:27
Titel

Antworten mit Zitat Zum Seitenanfang

[quote="kreativsteffi"]
Code:
#center {
   text-align: center;
}


Ne, hier "text-align: left;", nur beim body "text-align: center;"

Ein Doctype wär auch nicht verkehrt, im Quirksmode sieht manches anders aus *zwinker*
  View user's profile Private Nachricht senden
xBe
Threadersteller

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Mi 15.11.2006 22:40
Titel

Antworten mit Zitat Zum Seitenanfang

Hier *hu hu huu*

Der macht das nicht... seid so nett und schaut nochmal drauf

Bitte mal für blöde erklären


Zuletzt bearbeitet von xBe am Mi 15.11.2006 22:41, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
kreativsteffi

Dabei seit: 21.02.2005
Ort: Jena
Alter: 37
Geschlecht: Weiblich
Verfasst Mi 15.11.2006 22:40
Titel

Antworten mit Zitat Zum Seitenanfang

mhh also bei mir geht das immer. habe für den body keine text-align: center eingesetzt und es geht trotzdem
  View user's profile Private Nachricht senden
 
Ähnliche Themen <div> zentriert ausrichten
CSS linksbündige ul zentriert
Objekt zentriert
In IE zentriert, in FF nicht
CSS: divs zentriert UND ganzseitig.
[CSS] Leiste mit Links und BG zentriert
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
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.