• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div layout problem

M

musclebreast

Mitglied
Hallo ich nutze IE 8 und habe gleich mal wieder zwei Probleme:

Hier is mein Code:

Code: 
<style>

#t1 {
  border-width:1px;
  border-style:solid;
  border-color:#cd0e41;
  padding:2.5em;
  width:100%;
background-color:white;


}

#t2 {
width:800px

}

#t3 {
width:400px

}
</style>

<div id="t1" align="center">

<div id="t2">

<div id="t3">

</div>

</div>

</div>

ich habe mehrere divs verschachtelt:

Problem 1: das äussere div t1 soll die komplette breite des browsers ausnutzen, obwohl width bei 100% liegt nimm es die breite der des div t2 (800px).

Problem 2:
Jetzt habe ich versucht das oberste div zentral auf der seite auszurichten, aber durch align wird nur der Inhalt zentriert aber nicht das div selbst.

Ich habe heute echt viel probiert aber verzweifele jetzt wirklich und hoffe ihr könnt mir helfen?

LG,

Lara
 
Zu 1: Der Code, den du uns zeigst, verhält sich vollkommen richtig. Ergo muss das Problem in dem Code liegen, den du uns nicht zeigst. Ein Link zur Seite wäre hilfreich.

Zu 2: margin: 0 auto; hat den gewünschten Efekt. Jedoch nicht beim von dir favorisierten Browser. Für diesen brauchst du zusätzlich text-align: center auf dem Elternelement.
 
Ich glaube dir fehlt ein Doctype
Und nochwas, wenn dein äußerer Container eine Breite von 100% hat wird das nichts mit dem Zentrieren
Warum sind die inneren D.iv's verschachtelt?
Code: 
<!doctype html>
<html lang="de">
<head>

<style>
#t1 {
background:#dad;
width:100%;
}
#t2 {
width:800px;
background:#ddd;
}
#t3 {
width:400px;
background:#09c;
}
</style>
</head>
<body>
<div id="t1">
<div id="t2">t2
<div id="t3">t3
</div>
</div>  
</div>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben