| powerpika |
15.12.2006 20: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: |
