Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 18

Thema: Div Zentrieren

  1. #1
    HTML Newbie
    Registriert seit
    10.10.2007
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Div Zentrieren

    Hallo liebe Foremgemeinde,
    ich habe eine Frage bzw ein Problem mit meiner Seite.
    Ich programmiere die Seite mir dem Dreamweaver....
    Ich habe alle bilder der Seite mit Layern eingefügt...
    Nun habe ich ein Problem und zwar habe ich die Layer auf der Seite am rechten Rand ausgerichtet.
    Bei einer Auflösung von 1024x768 ist das auch okay.
    Aber bei einer höheren Auflösung, bleibt an der rechten Seite dann ein hößlicher Rand.
    Gibt es eine Möglichkeit ALLES von der Seite zu zentrieren?
    Wöre sehr dankbar für die hilfe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Azubi(ne)
    Registriert seit
    24.06.2007
    Ort
    127.0.0.1
    Beiträge
    78
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Gibt es eine Möglichkeit ALLES von der Seite zu zentrieren?
    Ja, indem du deinen Code mit einem Center Tag umschließt!
    Code:
    <body>
    <center>
    ---dein Code---
    </center>
    </body>
    Gruß Spacefish

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    10.10.2007
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hab ich gemacht, funkioniert aber leider nicht....
    Gibt es noch eine andere möglichkeit?

  4. #4
    Rico Ros
    Gast

    Standard

    Jello-Layout versucht?

    <div style="position: absolute; top: 0pt; left: 0pt; width: 100%">
    <div style="margin: 0pt auto; width: 60em; text-align: left">test</div> </div>

    Also ein Div was Dein Div nochmal umschließt...
    Gruß

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    10.10.2007
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ja das hab ich schon auf verschiedene weise versucht...
    Aber klappt irgendwie nicht..
    Bin da auch net so der fachmann...

    Aber hier mal der text... vielleicht hilft das

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">
    <!--
    #top2 &#123;
    	position&#58;absolute;
    	left&#58;258px;
    	top&#58;0px;
    	width&#58;754px;
    	height&#58;72px;
    	z-index&#58;2;
    &#125;
    #liga &#123;
    	position&#58;absolute;
    	left&#58;120px;
    	top&#58;1px;
    	width&#58;258px;
    	height&#58;96px;
    	z-index&#58;2;
    &#125;
    #navigation &#123;
    	position&#58;absolute;
    	left&#58;259px;
    	top&#58;73px;
    	width&#58;746px;
    	height&#58;22px;
    	z-index&#58;1;
    &#125;
    #top1 &#123;
    	position&#58;absolute;
    	left&#58;258px;
    	top&#58;95px;
    	width&#58;747px;
    	height&#58;161px;
    	z-index&#58;3;
    &#125;
    #gruen1 &#123;
    	position&#58;absolute;
    	left&#58;0px;
    	top&#58;96px;
    	width&#58;80px;
    	height&#58;157px;
    	z-index&#58;1;
    	background-color&#58;#678A26;
    &#125;
    #gruen2 &#123;
    	position&#58;absolute;
    	left&#58;1008px;
    	top&#58;95px;
    	width&#58;15px;
    	height&#58;161px;
    	z-index&#58;4;
    	background-color&#58;#678A26;
    &#125;
    #grau &#123;
    	position&#58;absolute;
    	left&#58;80px;
    	top&#58;97px;
    	width&#58;248px;
    	height&#58;161px;
    	z-index&#58;1;
    	background-color&#58;#A5A5A5;
    &#125;
    #main &#123;
    background-color&#58;#FFFFFF;
    	position&#58;absolute;
    	left&#58;259px;
    	top&#58;255px;
    	width&#58;740px;
    	height&#58;450px;
    	z-index&#58;7;
    &#125;
    #ticker &#123;
    	position&#58;absolute;
    	left&#58;0px;
    	top&#58;0px;
    	width&#58;259px;
    	height&#58;708px;
    	z-index&#58;6;
    &#125;
    #unten &#123;
    	position&#58;absolute;
    	left&#58;2px;
    	top&#58;704px;
    	width&#58;1024px;
    	height&#58;27px;
    	z-index&#58;8;
    &#125;
    #Layer1 &#123;
    	position&#58;absolute;
    	left&#58;998px;
    	top&#58;256px;
    	width&#58;16px;
    	height&#58;448px;
    	z-index&#58;7;
    &#125;
    </style>
    </head>
    
    <body style="background-color&#58;#9CBD64;";>
    <div id="top2">[img]../Fc-Page/images/top2.jpg[/img]</div>
    <div id="navigation">[img]../Fc-Page/images/home.jpg[/img][img]../Fc-Page/images/statistik.jpg[/img][img]../Fc-Page/images/berichte.jpg[/img][img]../Fc-Page/images/gaestebuch.jpg[/img][img]../Fc-Page/images/links.jpg[/img][img]../Fc-Page/images/team.jpg[/img][img]../Fc-Page/images/bilder.jpg[/img][img]../Fc-Page/images/kontakt.jpg[/img]</div>
    <div id="top1">[img]../Fc-Page/images/top.jpg[/img]</div>
    <div id="gruen2"></div>
    <div id="main"></div>
    <div id="ticker">[img]../Fc-Page/images/ticker_all.jpg[/img]</div>
    <div id="unten">[img]../Fc-Page/images/unten.jpg[/img]</div>
    <div id="Layer1">[img]../Fc-Page/images/seitenlinie_r.jpg[/img]</div>
    </body>
    </html>

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    10.10.2007
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    sry doppelpost

  7. #7
    Rico Ros
    Gast

    Standard

    Habe jetzt auf die Schnelle leider kein gutes Beispiel gefunden aber schau mal da:

    http://phpugffm.de/index.php/css-adh...07-05,184.html

    Vielleicht hilft das schon etwas weiter....

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    10.10.2007
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das hilft mir schon soweit, dass ich die bilder die untereinander anordne zentrieren kann, aber ich hab auch noch 2 Divs nebeneinander, das packt er nicht.
    Das eine Div wird dann immer unter das andere gelegt...

  9. #9
    Rico Ros
    Gast

    Standard

    Habe einen Beispielcode gefunden- hoffe der hilft weiter:
    Angehängte Dateien Angehängte Dateien

  10. #10
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    http://www.forum-hilfe.de/viewtopic.php?t=33844

    oder:

    - div container der die komplette seite umschließt
    -
    Code:
    #page &#123;
    position&#58;absolute;
    width&#58;800px;
    margin-left&#58;-400px;
    left&#58;50%;
    &#125;
    (margin-left is immer die hälfte von width *-1)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Ähnliche Themen

  1. Div Box zentrieren?
    Von Bananachief im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.03.2007, 22:09
  2. HP zentrieren
    Von Gast im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.09.2006, 00:54
  3. div zentrieren
    Von skaal im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.08.2006, 18:04
  4. zentrieren mit <div>
    Von michelon139 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 12.04.2006, 22:39
  5. zentrieren!
    Von <Vincent> im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.07.2005, 20:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •