Avatar billede Xelot Nybegynder
09. august 2011 - 21:28 Der er 2 kommentarer og
1 løsning

Problem med html opsætning

Hej eksperter,

jeg er ved at sætte en Joomla hjemmeside op, men er kørt lidt tør i opsætningen af mit template, som jeg har været ved at rette lidt i.

Problemet er, at det er som om at baggrunden er længere end det aktuelle indhold. Og dét på trods af at jeg i css'en har fortalt den at jeg vil have 100% bredde.

Hvad gør jeg galt ?

HTML'en er som følger:


<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
$rss = $this->params->get('rss');
$title = $this->params->get('title');
$slogan = $this->params->get('slogan');
?>
<!DOCTYPE HTML>
<html lang="en">

<head>

<jdoc:include type="head" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/screen.css" />

</head>

<body>

<!--header -->
<div id="header-wrap"><div id="header">

    <a name="top"></a>

    <h1 id="logo-text"><a href="<?php echo $this->baseurl ?>" title=""><img src="templates/coolblue/images/logo.png"></a></h1>
    <?php if($slogan) : ?><p id="slogan"><?php echo $slogan; ?></p><?php endif; ?>

    <div  id="nav">
        <jdoc:include type="modules" name="menu" style="none"/>
    </div>

  <?php if ($rss): ?>
  <p id="rss">

  </p>
  <?php endif; ?>

  <?php if($this->countModules('search')) : ?>
  <jdoc:include type="modules" name="search" style="none"/>
  <?php endif; ?>

<!--/header-->
</div></div>
   
<!-- content-outer -->
<div id="content-wrap" class="clear" >


    <!-- content -->
  <div id="<?php if($this->countModules('right') != 0) : ?>content<?php else : ?>contentfull<?php endif; ?>">
        <jdoc:include type="modules" name="FB" style="xhtml" />
      <!-- main -->
      <div id="<?php if($this->countModules('right') != 0) : ?>main<?php else : ?>mainfull<?php endif; ?>">
            <jdoc:include type="component" />
        <!-- /main -->
        </div>
      <?php if($this->countModules('right')) : ?>
      <!-- sidebar -->
        <div id="sidebar">

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

      <!-- /sidebar -->
        </div>
        <?php endif; ?>

    <!-- content -->
    </div>
    </div>

<!-- /content-out -->
</div>
</div>
       
<!-- footer-outer -->
<div id="footer-outer" class="clear"><div id="footer-wrap">
<table border="0" >
<tr>
<td valign="top">
    <?php if($this->countModules('footer1')) : ?>
    <div class="col-a">
      <jdoc:include type="modules" name="footer1" style="cbfooter" />
    <?php endif; ?>
    </div>
    </td >
    <td valign="top">
    <div id="chris">
    <?php if($this->countModules('footer2')) : ?>
    <div class="chris">
        <jdoc:include type="modules" name="footer2" style="cbfooter" />
    </div>
    <?php endif; ?>
    </td>
    <td valign="top">
   
    <div id="footer-wrap">
  <?php if($this->countModules('footer3')) : ?>
  <div class="col-a">
      <jdoc:include type="modules" name="footer3" style="cbfooter" />
  </div>
  <?php endif; ?>




</td></tr></table>

<!-- /footer-outer -->


</body>
</html>



Se evt. hjemmesiden på www.znup.dk
Avatar billede olebole Juniormester
11. august 2011 - 00:36 #1
<ole>

I din CSS sætter du divet med id="footer-wrap" til en bredde på 1000px. Slet bredden, så løses problemet.

Jeg samler ikke points, så læg selv et svar og accepter det, så tråden lukkes  =)

/mvh
</bole>
Avatar billede Xelot Nybegynder
24. august 2011 - 16:15 #2
Mange tak
Avatar billede olebole Juniormester
25. august 2011 - 15:41 #3
Selvtak  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester