Ergebnis 1 bis 4 von 4

Thema: Div zum anordnen des hompage hintergrundes

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

    Standard Div zum anordnen des hompage hintergrundes

    Bin neu mit html und CSS kann mir einer helfen wie ich die div ändern muss.

    Was muss optimirt werden damit der Code auch im internet explorer läuft
    momentan funktioniert er nur im firefox

    Code:
    <html>
    <head>
    
    <style type="text/css">
    body
    {
        margin:0; padding:0;
    
    }
    
    #headerl
    {
        background-image: url(images/headerl.png);
        width:253px;height:155px;
        position: absolute;top:0px;left:0px;
    }
    #headerm
    {
        background-image: url(images/headerm.png);
        height:155px;
        position: absolute;top:0px;left:253px;right:109;
    }
    #headerr
    {
        background-image: url(images/headerr.png);
        width:109px;height:155px;
        position: absolute;top:0px;right:0px;
    }
    .headimg
    {
        position: absolute;top:45px;right:110px;
    }
    .titel
    {
        position: absolute;top:75px;left:255px;
    }
    
    #main 
    {
        min-height:570px;
        margin:155 0 0 0;
        padding:0;
        background-image: url(images/grau.png);
    }
    #middle 
    {
        min-height:570px;
        margin:155 68 0 214;
        padding:0;
        background-image: url(images/gelb.png);
    }
    .text 
    {
        margin:0; padding:0;
    }
    
    #footer
    {
        clear: both;
        padding: 0;
        margin: 0;
    }
    #bottoml
    {
        float:left;
        width:253px;height:88px;
        margin:0;padding:0;
        background-image: url(images/bottoml.png)
    }
    #bottomr
    {
        float:right;
        width:109px;height:88px;
        margin:0; padding:0;
        background-image: url(images/bottomr.png)
    }    
    #bottomm
    {
        height:88px;
        margin:0 88px 0 253px;
        background-image: url(images/bottomm.png);
        font-size:80%;
    }
    
    </style>
    
    </head>
    <body>
    
    <div id="headerl">
    </div>
    <div id="headerm">
    </div>
    <div id="headerr">
    </div>
    <div class="titel">
      Titel
    </div>
    <div class="headimg">
     <img src="images/bild1.png" /> 
    </div>
    
    
    <div id="main">
    <div id="middle">
        <div class="text">
                Text<br>dasdsddasdsd
    dasdsdd asdsddasdsdda dsddasdsddasd sdda sdsddas dsddasd sdda sdsddas dsd dasdsdd asdsdd asdsddasd sddasdsddasdsd dasdsddas dsddasdsdd asdsddasds ddasdsdd asdsddasdsd dasds ddasdsddasdsddas dsddasdsddasd sddasdsddasds ddasdsd dasdsddasdsd<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag
        </div>
    </div>
    </div>
    
    <div id="footer">
        <div id="bottoml">
        </div>
        <div id="bottomr">
        </div>
        <div id="bottomm">
    </div>
    
    
    
    </div>
    </body>
    </html>
    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 !!!!!
    Geändert von Scorpion84 (04.05.2009 um 10:20 Uhr) Grund: Code-Tags hinzugefügt

  2. #2
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div zum anordnen des hompage hintergrundes

    Hallo.

    Um den Helfern die Arbeit zu erleichtern, beschreibe dein Problem genauer.
    "Geht nicht" ist keine Problembeschreibung!
    Idealerweise stellst du das dann noch irgendwo online und postest hier einen Link.
    Und benutze beim nächsten mal bitte die (code) <=>(/code) Tags des Forums (runde Klammern durch Eckige ersetzen), damit man deinen Quelltext besser lesen kann.
    Ich habe das für den Post oben mal nachgeholt.

    Grüße,
    jojo

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    29.04.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div zum anordnen des hompage hintergrundes

    Das Problemm ist das der internet explorer die seite nicht so wieder gibt wie der Firefox.

    um zu sehen was ich meine muss man einfach den text in eine html datei stecken und mit den browsern öffnen.

    Danke für das endern mit dem Code. Bin neu hier und wußte das noch nicht.

    Gruß Scorpion84

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div zum anordnen des hompage hintergrundes

    Verwende mal zunächst einen qualifizierten Doctype, damit der IE das CSS-Boxmodell korrekt darstellen kann.

    Bei #middle fehlen beim Margin die Einheiten (px).

    Wenn das nicht hilft, melde dich nochmal.
    Besser wäre auch, auf die absoluten Positionierungen zu verzichten und statt dessen die Positionen durch margin und/oder float zu bestimmen.

Ähnliche Themen

  1. Divs anordnen
    Von derano im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.08.2007, 23:49
  2. divs anordnen
    Von 00eraser00 im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 14.08.2007, 15:30
  3. In den hintergrund anordnen
    Von Stefan_01 im Forum Flash Forum
    Antworten: 1
    Letzter Beitrag: 28.12.2006, 20:27
  4. Fotos anordnen
    Von gast1 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 25.08.2004, 16:16
  5. Bitte Hilfe bei der Auswahl eines neuen Hintergrundes
    Von Shila im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 13.04.2004, 15:43

Stichworte

Berechtigungen

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