XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Layout Problem mit div box (http://xhtmlforum.de/showthread.php?t=43467)

powerpika 15.12.2006 21:52

Layout Problem mit div box
 
also ich habe mein Layout in Div Boxen aufgeteilt...

und jetzt wollte ich mein selbstprogrammiertes newssystem includen..

dieses hindert sich aber gar nicht an meiner begrenzung der div box , sondern geht einfach weiter...

Hier ein Bild:

http://1mb.hp-vorlagen.eu/uploads/15...:52_screen.gif

Naja ich poste jetzt mal dazu meinen php und css code:

PHP:

PHP-Code:

     <?
     
require 'includes/config2.inc.php';
     
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">


<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="author" content="Jörn Brauns">
<meta name="keywords"
content="">
<meta name="description"
content=".">
<title>.::Multi-Zone::.</title>
<meta name="expires" content="">
<meta name="revisit" content="10 days">
<meta name="page-type" content="">
<meta name="audience" content="">
<meta name="robots" content="INDEX,FOLLOW">
<link rel="stylesheet" href="multi3.css">

<style>

<!--[if IE]>
<style>
#box{
width: 660px;
}
#inhalt{
height: 600px;
}
</style>
<![endif]-->

</style>

</head>

<body>


<div id="box">
      <h1 id="header"></h1>



     <?
     
include 'drop.php';
     
?>



      <div id="inhalt">

      <br />
      <br />

<?php 



if(isset($_GET['page'])) 

    if (
strpos($_GET['page'], '://') !== FALSE || strpos($_GET['page'], '../') !== FALSE
        die(
'Illegal string'); 
   if(
file_exists("includes/".$_GET['page'].".php")) 
   { 
      include(
"includes/".$_GET['page'].".php"); 
   } 
   else 
   { 
      include(
"includes/error.php"); 
   } 

else 

   include(
"includes/home.php"); 
};


?> 


    
    </div>
      <p id="footer"><? echo "$copy"?></p>
    
</div>

</body>

</html>

und hier css:

Code:

* {
padding : 0;
margin : 0;
}
body {
margin-top : 10px;
font : 12px "Trebuchet MS", verdana, arial, sans-serif;
text-align : center;
background : #cccccc;
background-image: url(images/bg.gif);
background-repeat: repeat-x ;

}
h2 {
margin : 1em 0;
font-size : 16px;
text-transform : uppercase;
padding-left : 8px;
line-height : 18px;
}
#box {
width : 750px;
margin : 0 auto;
text-align : center;
background : #ddd;
border : 5px solid white;
border-bottom : 5px solid white;
}
#header {
background-image: url(images/header.gif);
background-repeat: no-repeat;
background-position:center;
background-color: #38750F;
width : 719px; 
height : 120px;
color : black;
line-height : 70px;
padding-left : 30px;
font-size : 25px;
text-transform : uppercase;
text-align : left;
}
#header span {
display : block;
color : white;
font-size : 12px;
text-transform : none;
margin-top : -45px;
font-weight : normal;
}
#inhalt {
padding : 10px 20px;
text-align : left;
clear : left;
width : 710px;
}
#footer {
height : 30px;
width : 750px;
line-height : 30px;
background : #888888;
color : white;
text-align : center;
}
#footer span a {
float : right;
margin : -30px 10px 0 0;
}
#footer span a:hover {
color : white;
}
h3 {
color : #000;
font-style : italic;
font-size : 16px;
border-bottom : 1px dashed #c0c0c0;
}

.tb {
background-color: #e9e9e9;
}

.ttop {
background-color: #f9f9f9;
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
padding: 3px;
}

.tc {
background-color: #ffffff;
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
padding: 3px;
}


ich hoffe mir kann wer helfen ich bin am verzweifeln ...


Mfg power ... :roll:

threadi 15.12.2006 23:33

Kein Wunder wenn du für die Anzeige im IE eine feste Höhe eingibst:

Code:

#inhalt{
height: 600px;
}

Entferne das und es geht.

Crizzo 16.12.2006 00:02

von wegen, dieses "height" wird vom IE als min-height interpretiert ;)

Wichtig ist, dass die Divs in dem großen Div Container, diesen zum mitwachsen bringen, dass geht so:
http://xhtmlforum.de/40267-faq-haeuf...d-haeufig.html
Punkt 2 ;)

powerpika 16.12.2006 01:06

Also irgendwie bin ich zu dumm dafür das Zeug mit float und clear zu verstehen :shock:

Naja ich gucke ma ...

Mfg power

Lloyd Larkin 16.12.2006 01:28

Zitat:

Zitat von powerpika (Beitrag 318085)
Also irgendwie bin ich zu dumm dafür das Zeug mit float und clear zu verstehen :shock:

Kaum, lies einfach den ganzen dort verlinkten Artikel durch. Und dann wende die darin beschriebene Easy-Clearing Methode an. Allerdings solltest du .clearfix {display:inline-block;} statt .clearfix {display:inline-table;} verwenden, da die beschriebene Methode zu clearen ansonsten nicht mehr für den IE7 funktioniert.

powerpika 16.12.2006 10:13

so ich habe mein Problem gelöst...

nachdem ich den kompletten css code durchkämmt hatte, war nun der php code drann.

Nun habe ich den übeltäter gefunden :D

hier:

PHP-Code:

<style

<!--[if 
IE]> 
<
style
#box{ 
width660px

#inhalt{ 
height600px

</
style
<![endif]--> 

ich musste einfach ein min- vor das height schreiben schon ging alles ^^:

PHP-Code:

<style

<!--[if 
IE]> 
<
style
#box{ 
width660px

#inhalt{ 
min-height600px;

</
style

Thx und MFG power :D

Crizzo 16.12.2006 13:01

min-height kapiert der IE6 nicht ;)

powerpika 16.12.2006 13:36

kp muss mir mal das multi-ie programm holen jedenfalls der 7er kapiert das irgendwie xD

Naja Mfg power ^^

heiko_rs 16.12.2006 13:36

Zitat:

Zitat von BlackHawk (Beitrag 318108)
min-height kapiert der IE6 nicht ;)

Er bekommt stattdessen height (das er wie min-height interpretiert):

Code:

* html #element {
height: ...;
}

EDIT: Ja, der IE 7 kann min-/max-height & -width.


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:43 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020