tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
342
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 06.12.05 14:17 #1
    Devil86Hh Devil86Hh ist offline Mitglied
    Registriert seit
    Dec 2005
    Beiträge
    11
    Moin Community bin selber ein CSS Anfänger und würde mich sehr über eure Hilfe freuen.
    Ich habe Folgendes Problem ich habe 2 divs und möchte das eine div in das andere packen. Die divs haben eine feste Breite. Mein Problem ist nun das sie verschieden im IE und im Firefox angezeigt werden. Ich benutze eine externe CSS Datei die ich in die Html datei einbinde.
    Meine CSS Datei sieht wie folgt aus:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

    #box {
width:760px;
height:600
margin:0px auto;
margin: 10px;
text-align:left;
border:1px solid #797979;
}
 
#box2 {
width:750px;
height:580px
margin:0px auto;
margin: 10px;
text-align:left;
border:1px solid #797979;
}

    Und meine Html Datei sieht wie folgt aus:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

    <html>
<head>
<link rel="stylesheet" title="Standard" media="screen, projection" href="screen.css" type="text/css" />
</head>
<body>
<center>
        <div id="box">
        <div id="box2">
Seiteninhalt...
 
</div>
</div>
</center>
</body>
</html>
    Habe von diesem IE Box Model Bug gehört und habe auch schon zich Seiten bei Google durchgelesen aber irgendwie steige ich da nicht so recht durch. Es wäre nett wenn einer von euch es mir Erklären würde und mir bei meinem Problem weiterhelfen könnte.
     
  2. 06.12.05 15:04 #2
    Avatar von AKrebs70
    AKrebs70 AKrebs70 ist offline Mitglied Platin
    Registriert seit
    Feb 2005
    Ort
    Duisburg (NRW)
    Beiträge
    544
    Hallo!
    Da fehlt noch was
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

    #box {
width:760px;
height:600[color=red][b];
[/b][/color]margin:0px auto;
margin: 10px;
text-align:left;
border:1px solid #797979;
}
 
#box2 {
width:750px;
height:580px[b][color=red];
[/color][/b]margin:0px auto;
margin: 10px;
text-align:left;
border:1px solid #797979;
}

    Als zweites verstehe ich nicht warum Du die box2 nur 10px kleiner machst und ihr dann einen Aussenabstand von 10 px gibst.

    Gruß
    Axel
     
  3. 06.12.05 16:38 #3
    Maik Tutorials.de Gastzugang
    Dein HTML-Dokument besitzt derzeit keine Doctype-Deklaration, womit der IE (6.0) im Quirksmodus läuft und das Boxmodell falsch interpretiert.

    Wenn die innere Box umlaufend einen Außenabstand von 10 Pixel zum Parent-DIV besitzen soll, dann muß die Breite 740px betragen (760px - 2*10px).

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>

<style type="text/css">
<!--
#box {
width: 760px;
height: 600px;
margin: 0px auto;
text-align:left;
border: 1px solid #797979;
}

#box2 {
width: 740px;
height: 580px;
margin: 10px;
text-align: left;
border: 1px solid #797979;
}
-->
</style>

</head>
<body>

<div id="box">
              <div id="box2">Seiteninhalt...</div>
</div>

</body>
</html>
     
  4. 06.12.05 20:45 #4
    Devil86Hh Devil86Hh ist offline Mitglied
    Registriert seit
    Dec 2005
    Beiträge
    11
    Danke schonmal für eure Tips werde sie morgen in der Firma versuchen gleich umzusetzen.
    Um das ganze noch etwas deutlicher dar zu stellen habe ich mal schnell ein Bild gebastelt das das ganze nochmal etwas verdeutlicht was ich mit div in div meine.
    Das Design soll im Endeffekt ungefähr so aussehen.
    http://img446.imageshack.us/img446/2...1lkopie2gn.jpg
     
  5. 07.12.05 12:55 #5
    Devil86Hh Devil86Hh ist offline Mitglied
    Registriert seit
    Dec 2005
    Beiträge
    11
    Ok habs danke eurer Hilfe nun hinbekommen ich danke euch beiden der Thread hier kann geschlossen werden.
     
  6. 07.12.05 12:58 #6
    Avatar von Dennis Wronka
    Dennis Wronka Dennis Wronka ist offline Soulcollector
    Registriert seit
    Apr 2002
    Ort
    Hong Kong
    Beiträge
    12.296
    Blog-Einträge
    231
    Wir schliessen die Threads hier nicht wenn ein Thema erledigt ist.
    Du hast aber unten rechts die Moeglichkeit den Thread als erledigt zu markieren.
     
    PHP Class Collection - PHP-Klassen fuer PHP 5 (und Teilweise auch fuer PHP 4)
    Updates: Catcher 1.1, FTPConnection 1.2, MultiSQL 1.1, RSS2 1.1, SMTPConnection 1.4
    __________________
    EasyLFS - Hintergrundinformationen, Installationsanleitung, Softwareliste und Download
    EasyLFS Projektthread - Informationen, Status und Diskussion zu meiner Linux-Distribution
    __________________
    Ich bin die Schildkroete, mein Sohn. Ich habe das Universum erschaffen, aber bitte mach mir daraus keinen Vorwurf; ich hatte Bauchschmerzen.
    __________________
    Zitat Zitat von Friedrich Nietzsche
    Man muss noch Chaos in sich haben, um einen tanzenden Stern gebaeren zu koennen.
« Abstände zwischen Div's im IE | Fehlerhafte DIV darstellung im IE »

Ähnliche Themen

  1. getElementById in verschiedenen Browsern?
    Von niko001 im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 22.02.09, 22:29
  2. Border in verschiedenen Browsern
    Von Hirnhamster im Forum CSS
    Antworten: 4
    Letzter Beitrag: 11.12.06, 09:23
  3. Fragen zu Browsern
    Von Jan-Frederik Stieler im Forum Microsoft Windows
    Antworten: 3
    Letzter Beitrag: 09.10.05, 21:31
  4. Verschiedene Style für verschiedene Tabellen?
    Von king_jo_baby im Forum CSS
    Antworten: 2
    Letzter Beitrag: 16.08.04, 23:50
  5. Verschiedene lgoins für verschiedene DBs
    Von Webber im Forum Relationale Datenbanksysteme
    Antworten: 1
    Letzter Beitrag: 29.06.02, 02:56