Nieuw lid |
|
Hallo,
Ik moet voor een vriendin een site maken en ik doe het met joomla.
Nu wil ze iets anders en allemaal losse vakken.
Ik krijg dus mijn onderste linkerbox niet op de juiste plaats rechts naast de main. Wat doe ik verkeerd?
Ik heb het alleen nog maar in firefox getest en daar is het wel te zien. Explorer maakt er nog een rommeltje van.
De site
Html:
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) initEditor(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php mosShowHead(); ?>
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/templates/lionapost.nl/css/template_css.css" />
</head>
<body background="<?php echo $mosConfig_live_site;?>/templates/lionapost.nl/images/background.jpg">
<div class="titel"></div>
<div class="rb">
<div class="lb">
<div class="ro">
<div class="lo">
<div class="menu">
<?php mosLoadModules ( 'left' ); ?>
</div>
</div>
</div>
</div>
</div>
<div class="rb">
<div class="lb">
<div class="ro">
<div class="lo">
<div class="menu">
<?php mosLoadModules ( 'user1' ); ?>
</div>
</div>
</div>
</div>
</div>
<div class="main_gebeuren">
<div class="rbroundbox">
<div class="rbtop"><div></div></div>
<div class="rbcontent">
<?php mosMainBody(); ?>
</div>
<div class="rbbot"><div></div></div>
</div>
</div>
<div style="clear: both" class="right2">
<div class="rbr">
<div class="lbr">
<div class="ror">
<div class="lor">
<div class="menur">
<?php mosLoadModules ( 'user2' ); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); $iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>'; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <?php if ( $my->id ) initEditor(); ?> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <?php mosShowHead(); ?> <link rel="shortcut icon" href=" <?php echo $mosConfig_live_site;? >/images/favicon.ico" /> <link rel="stylesheet" type="text/css" href=" <?php echo $mosConfig_live_site; ?>/templates/lionapost.nl/css/template_css.css" /> </head> <body background=" <?php echo $mosConfig_live_site;? >/templates/lionapost.nl/images/background.jpg"> <div class="titel"></div> <div class="rb"> <div class="lb"> <div class="ro"> <div class="lo"> <div class="menu"> <?php mosLoadModules ( 'left' ); ?> </div> </div> </div> </div> </div> <div class="rb"> <div class="lb"> <div class="ro"> <div class="lo"> <div class="menu"> <?php mosLoadModules ( 'user1' ); ?> </div> </div> </div> </div> </div> <div class="main_gebeuren"> <div class="rbroundbox"> <div class="rbtop"><div></div></div> <div class="rbcontent"> <?php mosMainBody(); ?> </div> <div class="rbbot"><div></div></div> </div> </div> <div style="clear: both" class="right2"> <div class="rbr"> <div class="lbr"> <div class="ror"> <div class="lor"> <div class="menur"> <?php mosLoadModules ( 'user2' ); ?> </div> </div> </div> </div> </div> </div> </body> </html>
css
/* reset margins van body*/
body,html {
margin:0px;
padding:0px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-color: #F1EDCF;
margin:2%;
}
td, tr, p, div {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000;
}
hr {
color : #E0E0E0;
height : 1px;
width : 100%;
}
div {
margin:0;
padding:10;
}
/*header informatie*/
.titel {
background:url("../images/top-image3.jpg") no-repeat top left;
height:140px;
padding:0.5em 1.5em 3.5em 1.5em;
}
/*linker menu instellingen*/
.rb {
background:url("../images/rondebox_rb.gif") no-repeat;
}
.lb {
background:url("../images/rondebox_lb.gif") no-repeat top left;
}
.ro {
background:url("../images/rondebox_ro.gif") no-repeat bottom left;
}
.lo {
background:url("../images/rondebox_lo.gif") no-repeat bottom left;
}
.menu {
padding:2.5em 2.5em 2.5em 0.5em; /*afstand bovenkant, - afstand onderkant, afstand rechterkant*/
}
/*Centraal/main*/
.rbroundbox { background: url('../images/blauw/nt.gif') repeat; }
.rbtop div { background: url('../images/blauw/tl.gif') no-repeat top left; }
.rbtop { background: url('../images/blauw/tr.gif') no-repeat top right; }
.rbbot div { background: url('../images/blauw/bl.gif') no-repeat bottom left; }
.rbbot { background: url('../images/blauw/br.gif') no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent {
margin: 0 7px;
}
.rbroundbox {
width: 60%;
position: absolute;
top: 0px;
margin: 17.5em 15em auto;
}
/*rechter menu instellingen*/
.right {
position: absolute;
left: 80px;
top: 80px;
}
.rbr {
background:url("../images/rondebox_rb.gif") no-repeat;
}
.lbr {
background:url("../images/rondebox_lb.gif") no-repeat top left;
}
.ror {
background:url("../images/rondebox_ro.gif") no-repeat bottom left;
}
.lor {
background:url("../images/rondebox_lo.gif") no-repeat bottom left;
}
.menur {
padding:2.5em 2.5em 2.5em 0.5em; /*afstand bovenkant, - afstand onderkant, afstand rechterkant*/
}
-->
/* reset margins van body*/ body,html { margin:0px; padding:0px; font: 100% Verdana, Arial, Helvetica, sans-serif; background-color: #F1EDCF; margin:2%; } td, tr, p, div { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #000; } hr { color : #E0E0E0; height : 1px; width : 100%; } div { margin:0; padding:10; } /*header informatie*/ .titel { background:url("../images/top-image3.jpg") no-repeat top left; height:140px; padding:0.5em 1.5em 3.5em 1.5em; } /*linker menu instellingen*/ .rb { background:url("../images/rondebox_rb.gif") no-repeat; } .lb { background:url("../images/rondebox_lb.gif") no-repeat top left; } .ro { background:url("../images/rondebox_ro.gif") no-repeat bottom left; } .lo { background:url("../images/rondebox_lo.gif") no-repeat bottom left; } .menu { padding:2.5em 2.5em 2.5em 0.5em; /*afstand bovenkant, - afstand onderkant, afstand rechterkant*/ } /*Centraal/main*/ .rbroundbox { background: url('../images/blauw/nt.gif') repeat; } .rbtop div { background: url('../images/blauw/tl.gif') no-repeat top left; } .rbtop { background: url('../images/blauw/tr.gif') no-repeat top right; } .rbbot div { background: url('../images/blauw/bl.gif') no-repeat bottom left; } .rbbot { background: url('../images/blauw/br.gif') no-repeat bottom right; } .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; } .rbcontent { margin: 0 7px; } .rbroundbox { width: 60%; position: absolute; top: 0px; margin: 17.5em 15em auto; } /*rechter menu instellingen*/ .right { position: absolute; left: 80px; top: 80px; } .rbr { background:url("../images/rondebox_rb.gif") no-repeat; } .lbr { background:url("../images/rondebox_lb.gif") no-repeat top left; } .ror { background:url("../images/rondebox_ro.gif") no-repeat bottom left; } .lor { background:url("../images/rondebox_lo.gif") no-repeat bottom left; } .menur { padding:2.5em 2.5em 2.5em 0.5em; /*afstand bovenkant, - afstand onderkant, afstand rechterkant*/ } -->
|