Autor |
Nachricht |
xBe
Threadersteller
Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mi 15.11.2006 21:01
Titel [CSS] Will nicht zentriert... |
|
|
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 ü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 ü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 über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht seiJa, wir finden auch, dass man ü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 ü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 ü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
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Mi 15.11.2006 21:49
Titel
|
|
|
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
|
|
|
|
|
Anzeige
|
|
|
kreativsteffi
Dabei seit: 21.02.2005
Ort: Jena
Alter: 37
Geschlecht:
|
Verfasst Mi 15.11.2006 21:53
Titel
|
|
|
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^^
|
|
|
|
|
xBe
Threadersteller
Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mi 15.11.2006 22:14
Titel
|
|
|
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
|
|
|
|
|
kreativsteffi
Dabei seit: 21.02.2005
Ort: Jena
Alter: 37
Geschlecht:
|
Verfasst Mi 15.11.2006 22:25
Titel
|
|
|
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>
|
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Mi 15.11.2006 22:27
Titel
|
|
|
[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
|
|
|
|
|
xBe
Threadersteller
Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mi 15.11.2006 22:40
Titel
|
|
|
Hier
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
|
|
|
|
|
kreativsteffi
Dabei seit: 21.02.2005
Ort: Jena
Alter: 37
Geschlecht:
|
Verfasst Mi 15.11.2006 22:40
Titel
|
|
|
mhh also bei mir geht das immer. habe für den body keine text-align: center eingesetzt und es geht trotzdem
|
|
|
|
|
|
|
|
Ä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
|
|