tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
427
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 14.04.05 12:53 #1
    fischkrampf fischkrampf ist offline Mitglied Silber
    Registriert seit
    Jul 2001
    Beiträge
    76
    Hallo,

    ich schreibe gerade an einer Website mit CSS Positionierung. Ich möchte das die ganze Website mittig dargestellt wird. Weiter "innen" in meinem Layout verwende ich "float:left".
    Ich glaube dadruch das immer eine Komponente links in der nächst höheren steht bekomme ich die komplette Site nicht mehr in die Mitte gerückt. Ich habe mal einen einfachen Testcase erstellt:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

    <html>
<head>
    <title>test</title>
</head>
 
<body style="text-align: center;">
<div style="text-align: center;">
    <div style="text-align: center; ">
        <div>
            <div style="float: left; width: 100px; height: 60px; border:1px solid #000000;"></div>
            <div style="float: left; width: 10px; height: 60px; background-color: #EE5555;"></div>
        </div>
        <div style="clear: left; float: left; width: 100px; height: 10px; background-color: #55EE55;"></div>
    </div>
</div>
</body>
</html>

    Aussehen soll das ganze wie folgt:

    Es liegen 2 Layer direkt nebeneinander. Ein weiterer schliesst direkt unten an die beiden an.

    Vielleicht anschaulicher (L = O = P = Layer):

    LLLLLLLLOO
    LLLLLLLLOO
    PPPPPPPOO
    PPPPPPPOO

    Habt Ihr eine Ahnung was ich ändern muss damit die Site in der Mite angezeigt wird?

    Danke schon im Vorraus für jede Hilfe!

    Gruß
    Jochen
     
  2. 14.04.05 14:27 #2
    Maik Tutorials.de Gastzugang
    Mich würde jetzt nur noch interessieren, ob du die DIVs in der Seite auch so klein-dimensioniert einbaust?

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</title>

<style type="text/css">
<!--
body
{
text-align: center;
}

div.main
{
width: 114px;
margin: 0 auto;
}

div.boxL
{
float: left;
width: 100px;
height: 60px;
border: 1px solid #000000;
}

div.boxR
{
float: left;
width: 10px;
height: 60px;
background-color: #EE5555;
border:1px solid #EE5555;
}

div.footer
{
clear:left;
width: 114px;
height: 10px;
background-color: #55EE55;
font-size: 0;
}
-->
</style>

</head>
<body>

<div class="main">
  <div>
     <div class="boxL"></div>
     <div class="boxR"></div>
  </div>
  <div class="footer"></div>
</div>

</body>
</html>
    [ Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 7.23 ]


    greez, maik.l
     
  3. 14.04.05 16:19 #3
    fischkrampf fischkrampf ist offline Mitglied Silber
    Registriert seit
    Jul 2001
    Beiträge
    76
    Wow! Vielen Dank für die schnelle Antwort!

    Auf deine Frage: Ich hab zwar wenig Content, aber in die Boxen krieg ich ihn net ganz unter..

    Ich probiers gleich mal aus und schreib dann das Ergebniss..

    [Edit]

    Ja, hat geklappt. Danke für die Hilfe.
    Geändert von fischkrampf (14.04.05 um 19:28 Uhr)
     
« Runtime error im IE | Tabelle mit height="96%;" unter Firefox »

Ähnliche Themen

  1. Seite wird im IE 6 nicht dargestellt
    Von SimonErich im Forum HTML & XHTML
    Antworten: 6
    Letzter Beitrag: 30.07.09, 22:34
  2. CSS-Seite wird im Firefox falsch dargestellt?
    Von HoneyKiSs im Forum CSS
    Antworten: 6
    Letzter Beitrag: 16.02.09, 09:39
  3. Apache 2.2 - Seite wird mit FF nicht dargestellt
    Von exitboy im Forum Hosting & Webserver
    Antworten: 3
    Letzter Beitrag: 16.10.07, 12:52
  4. Seite wird nicht richtig dargestellt
    Von PhoenixDH im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 29.04.05, 13:06
  5. nachricht schreiben, die sofort auf der seite dargestellt wird
    Von nils11 im Forum PHP
    Antworten: 3
    Letzter Beitrag: 28.01.02, 14:23