  |
| Autor |
Nachricht |
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
 Verfasst am: 05.09.2006, 16:55 Titel: Boxen nahtlos aneinander fügen |
 |
|
Moin!
Wie kann ich die beiden untern div-Boxen nahtlos aneinander fügen?!
Im Firefox sind die beiden Boxen nahtlos zusammen! Jedoch nicht im Internet Explorer!
Das sind ist die  Seite!
Das ist der Quellcode der CSS Datei:
| Code: | body{
background-color:#bdbec6;
margin-left:130px;
margin-right:130px;
margin-top:5px;
margin-bottom:15px;
}
#header{
background-color:#6C7B8B;
height:80px;
border:1px solid black;
overflow:hidden;
padding-right:20px;
}
#navi{
float:left;
background-color:#708090;
border-left:1px solid black;
border-bottom:1px solid black;
height:800px;
width:120px;
}
#inhalt{
background-color:#efeff7;
border-bottom:1px solid black;
border-right:1px solid black;
height:800px;
text-align:center;
}
|
Gruß Sheddy
|
|
| Nach oben |
|
 |
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 480
|
| Verfasst am: 05.09.2006, 18:19 Titel: |
|
|
Dem #inhalt noch ein und ggf. noch eine Breite zuweisen.
|
|
| Nach oben |
|
|
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
| Verfasst am: 05.09.2006, 18:47 Titel: |
|
|
geht nicht!
|
|
| Nach oben |
|
|
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 480
|
| Verfasst am: 05.09.2006, 20:13 Titel: |
|
|
Immer dieser IE mit seinen Pixel-Bugs 
Mach am besten prozentuale Breiten:
| Code: | body{
background-color:#bdbec6;
margin-left:130px;
margin-right:130px;
margin-top:5px;
margin-bottom:15px;
}
#header{
background-color:#6C7B8B;
height:80px;
border:1px solid black;
overflow:hidden;
padding-right:20px;
}
#navi{
float:left;
background-color:#708090;
border-left:1px solid black;
border-bottom:1px solid black;
height:800px;
width:20%;
}
#inhalt{
float:left;
width:79.7%;
background-color:#efeff7;
border-bottom:1px solid black;
border-right:1px solid black;
height:800px;
text-align:center;
} |
|
|
| Nach oben |
|
|
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
| Verfasst am: 05.09.2006, 22:36 Titel: |
|
|
ich hasse das auch mit dem besch... IE!
Aber da die meisten immernoch den IE benutzen, sollte Layout auch bei anderen im IE funktionieren.
Aber dein Code funktioniert immernoch nicht!
Er setzt die <div>-Box dann unter die Navigations-Box.
|
|
| Nach oben |
|
|
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 480
|
| Verfasst am: 06.09.2006, 07:19 Titel: |
|
|
Das wolltest du doch so ("nahtlos"), oder hab ich da was falsch verstanden?
Bei mir klappt das:
HTML:
| Code: | <div id="header">header</div>
<div id ="navi"> navi</div>
<div id ="inhalt">inhalt</div> |
|
|
| Nach oben |
|
|
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
| Verfasst am: 06.09.2006, 10:53 Titel: |
|
|
Hi!
Ich wollte das so nahtnlos nebeneinander haben!
Mit meinem Code sieht es im Internetexplorer so aus:
Da ist auch der kleine Spalt, den ich meine und weg haben möchte.
Mitr deinem Code sieht das ganze so im IE aus:
Dabei ist die ganze Inhalt-Box unter die Navi-Box gerutscht.
Dabei soll es im IE genauso wie im Firefox aussehen! So soll es im IE auch aussehen:
Weißt du jetzt, was ich meine bzw. womit ich Probleme habe?
meine Internetexplorer-Version ist die neueste!
Gruß Sheddy
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1547
|
| Verfasst am: 06.09.2006, 11:09 Titel: |
|
|
probiers mal mit dieser änderung:
| Code: | #navi{
float:left;
background-color:#708090;
border-left:1px solid black;
border-bottom:1px solid black;
height:800px;
width:120px;
}
|
und pack die Navi in den inhalt, also:
<div id="inhalt">
<div id="navi">...</div>
...
</div>
könnte klappen 
|
|
| Nach oben |
|
|
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
| Verfasst am: 06.09.2006, 12:41 Titel: |
|
|
also der code, den du mir geschrieben hast, ist der gleiche, den ich auch habe
Und wenn ich die Navi in den Inahlt packe, sitzt der Inhalt direkt unter dem Header und die Navgation rutscht weiter runter!
Alle 3 Boxen sitzen an den "richtigen Stellen", jedoch nicht nebeneinander, sondern untereinander! 
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1547
|
| Verfasst am: 06.09.2006, 12:52 Titel: |
|
|
Ich glaube da machst du irgend etwas falsch
Copy&Paste dir mal diesen Quelltext und guck dir das an:
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Unbenannt</title>
<style type="text/css">
<!--
body {margin: 10px 130px}
#header{height: 80px; background: blue}
#navi{float: left; width: 10em; background: red; height: 800px}
#inhalt {background: darkred; height: 800px;}
//-->
</style>
</head>
<body>
<div id="header">blubb</div>
<div id="inhalt">
<div id="navi">navi</div>
inhalt...</div>
</body>
</html> |
PS: war nicht der gleiche Code - ich hab einen Rahmen rausgenommen...
|
|
| Nach oben |
|
|
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
| Verfasst am: 06.09.2006, 12:59 Titel: |
|
|
Du bist ein GOTT!!!!!
Es funktioniert endlich!!1
Ich werde mir mal den Code zu gemüte ziehen und versuchen ihn zu verstehen!
Danke 
gruß sheddy
|
|
| Nach oben |
|
|
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
| Verfasst am: 06.09.2006, 13:04 Titel: |
|
|
ich weiß jetzt, was du gemacht hast!
aber ich habe da noch ne frage:
Wenn ich jetzt etwas in der Inhaltsbox laden lasse, verlängert sie sich ja! Und dann verlängert sie sich ja unter der Navigation, oder?!
Das sollte ja eiegntlich nicht so sein
|
|
| Nach oben |
|
|
sheddy
User [User]
Anmeldung: 01.09.06
Beiträge: 12
|
| Verfasst am: 06.09.2006, 21:16 Titel: |
|
|
So, ich habe jetzt die Lösung 
margin-right:-3px;
Habe aber jetzt ne andere Frage:
Ich habe jetzt per php andere Seiten in die Inhalts Box eingefügt - mit include.
Aber wie muss ich die Inhaltsbox programmieren, dass sie sich automatisch mit anpasst?!
|
|
| Nach oben |
|
|
|
|
