Interesting margin problem

Discussion in 'CSS' started by lostsouler, Jan 10, 2010.

  1. #1
    Hi, I dont know where I did mistake. It is amazing, because if I make 2files (html+css) it works, but if I make it in Joomla margin-left:50px doesnt work.

    <?php

    // no direct access
    defined( '_JEXEC' ) or die( 'Restricted index access' );
    ?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    <head>
    <jdoc:include type="head" />
    <link href="<?php echo $this->baseurl;?>/templates/<?php echo $this->template;?>/css/template_css.css" rel="stylesheet" type="text/css" />
    <!--[if IE ]>
    <link href="<?php echo $this->baseurl;?>/templates/<?php echo $this->template;?>/css/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->

    <!--Loads FavIcon-->
    <link rel="shortcut icon" href="images/favicon.ico" />
    </head>

    <!--Beginn Template-->
    <body>
    <div id="full">
    <div id="header">

    <div id="top">
    <?php if($this->countModules('user9')) : ?>
    <jdoc:include type="modules" name="user9" style="raw" />
    <?php endif; ?>

    </div>
    <div id="logo">

    <a href="<?php echo $this->baseurl;?>"><img src="<?php echo $this->baseurl;?>/templates/<?php echo $this->template ?>/images/logo.jpg" alt="<?php echo $mainframe->getCfg('sitename');?>" /></a>
    </div>
    <div id="slider">

    <?php if($this->countModules('top')) : ?>

    <jdoc:include type="modules" name="top" style="xhtml" />

    <?php endif; ?>
    </div>

    </div>



    </div>
    </body>
    </html>


    @charset "utf-8";
    /* CSS Document */

    html, body {
    margin: 0;
    padding: 0;
    height:100%;
    }

    #full{
    background-color:#000;
    height: 100%;
    width:100%;

    }

    #header{
    background-color:#F00;
    height:160px;
    width:80%;
    margin-left:50px;

    }

    #top{
    background-color:#CCC;
    width:100%;
    float:left;
    height:20px;margin-left:150px;
    }

    #logo{
    background-color:#0C9;
    width:40%;
    float:left;
    height:30%;
    }

    #slider{
    background-color:#FC0;
    float:right;
    width:50%;
    height:40%;
    }

    #content{
    background-color:#0F0;
    width:90%;
    height:60%;
    margin:0px auto;

    }

    #left{
    background-color:#C60;
    float:left;
    width:68%;
    padding:1%;

    }

    #navigation{
    background-color:#930;
    width:100%;

    }

    #article{
    background-color:#39F;
    width:100%;
    }


    #right{

    background-color:#F09;
    float:right;
    width:30%;
    }

    #selection{
    background-color:#366;
    margin:1%;
    }


    #footer{
    background-color:#00F;
    width:90%;
    height:20%;
    margin:0px auto;

    }

    :confused:

    im making the header yet.

    sry, for my bad english
     
    Last edited: Jan 10, 2010
    lostsouler, Jan 10, 2010 IP
  2. lostsouler

    lostsouler Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I find the core of the problem, if I disable a module in the header, margins are ok.
     
    lostsouler, Jan 11, 2010 IP