Ergebnis 1 bis 6 von 6

Thema: CSS: Div Layout

  1. #1
    eriza
    Gast

    Standard CSS: Div Layout

    Hallo,

    ich habe ein Problem mit meinem Page Layout. Ich benutze einen Table um die Seite zu zentrieren und positioniere im Inneren Div Layer. Allerdings funktioniert das nur bei der ersten Box, die zweite bezieht sich wieder von der Positionierung auf die Seite und nicht auf den Parent-DIV Tag.

    Folgender HTML Code:
    Code:
    <body style="margin&#58;0px;">
    <table border="1" width="100%" height="800" cellpadding="0" cellspacing="0" style="border&#58;2px solid black;">
    <tr>
    <td></td>
    <td width="26"></td>
    <td width="400">
    
    <div id="outer" style="position&#58;absolute; border&#58;3px solid #00FF00; width&#58;350; height&#58;500; top&#58;0px">
    OuterDiv
    
    <div id="box1" style="position&#58;absolute; left&#58;50px; top&#58;50px; border&#58;3px solid #FF0000;">InnerDiv 1</div>
    </div>
    
    <div id="box2" style="position&#58;absolute; left&#58; 50px; top&#58;50px; border&#58;3px solid #0000FF;">InnerDiv 2</div>
    
    </div>
    
    </td>
    <td width="25"></td>
    <td></td>
    </tr>
    </table>
    </body>
    So sieht der Output aus:



    Ich benötige es aber so dass sich zb in diesem Fall die beiden DIV Layer decken, bzw. alle weiteren Layer die ich innerhalb des umschließenden DIV Tags positioniere von den Koordinaten des Parent Tags gerechnet ausgehen.
    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
    phpfan
    Gast

    Standard

    Zähle mal alle <div> und </div>
    Ich benutze einen Table um die Seite zu zentrieren
    Und warum nicht auch per div?

  3. #3
    Gast

    Standard

    Also erstmal danke für die antwort.

    Wenn ich es nicht mit tabelle mache, und den DIV zentriere funktioniert die Ausrichtung der innenliegenden DIVs nicht mehr. Dann werden die innenliegenden DIVs vom <body> Rand aus bemessen.

    Code:
    <body style="margin&#58;20px 0px; padding&#58;0px; text-align&#58;center;">
    <div id="outer" style="width&#58;400px; height &#58; 380px; border &#58; 1px solid black; margin &#58; 0px auto; text-align &#58; left;">
    OuterDiv
    
        <div id="box1" style="position&#58;absolute; left&#58;50px; top&#58;50px; border&#58;3px solid #FF0000;">InnerDiv 1</div>
        
        <div id="box2" style="position&#58;absolute; left&#58;60px; top&#58;60px; border&#58;3px solid #0000FF;">InnerDiv 2</div>
    
    </div>
    </body>

  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

    Mach entweder Tabellen oder div's, besser div's.
    Verzichte dabei auf absolute Positionierungen, sofern diese nicht ganz gezielt eingesetzt werden. Verwende besser float und margin.
    Verwende einen Doctype.

    Nach diesem Prinzip sollte es gehen:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http&#58;//www.w3.org/TR/html4/loose.dtd">
    
    	<html>
    
    
    	<head>
    
    	<title>
    	Test
    	</title>
    
    	</head>
    
    
    	
    
    	
    <body style="margin&#58;0px; padding&#58;0px;"> 
    <div id="outer" style="width&#58;400px; height &#58; 380px; border&#58; 1px solid black; margin &#58; 0px auto;"> 
    OuterDiv 
    
        <div id="box1" style="float&#58;left; width&#58;100px; border&#58;3px solid #FF0000;">InnerDiv 1</div> 
        
        <div id="box2" style="float&#58;left; width&#58;288px; border&#58;3px solid #0000FF;">InnerDiv 2</div> 
    
    </div> 
    </body> 
    
    </html>

  5. #5
    Gast

    Standard

    mhm. ich bin aber auf absolute positionierung im inneren div angewiesen. bleibt mir also nur die tabelle als möglichkeit.

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

    Standard

    Du kannst natürlich auch absolut positionieren. Das geht dann aber immer von der linken oberen Ecke des Fensters aus.
    Relativ wäre zum nächst höheren Element.

Ähnliche Themen

  1. CSS - Box-Layout
    Von Jan_K im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 08.08.2008, 00:31
  2. Layout
    Von NurIch im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 09.08.2007, 16:40
  3. Tabellen-Layout in DIV-Layout umändern...
    Von Peter_Pan im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 22.03.2007, 21:29
  4. Layout
    Von Help_me-lol im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 23.01.2005, 00:29
  5. Layout
    Von McMetzger im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 15.08.2004, 23:17

Stichworte

Berechtigungen

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