Syphon
Legacy Member
Ik ben momenteel aan het experimenteren met divs maar ik stoot telkens op hetzelfde probleem.
De website moet kunnen bestaan met advertenties en zonder advertenties, zoals op onderstaande voorbeelden.
Met advertenties
Zonder advertenties
Wat ik wil is dat hij automatisch dat de divs en tables zich automatisch aanpassen in width als er advertenties zijn. Omdat ik wil dat de tekst onder de advertentie over de hele breedte wordt getoont, vind ik geen passende oplossing. Zoals je ziet loopt de tabel verder onder da advertentie.
Ik heb dit probleem ook al voorgelegd op een ander forum waar er al oplossingen worden gezocht. Best even lezen om verkeerde interpretatie van mijn probleem te voorkomen.
Webdesign forum
HTML CODE
CSS CODE
De website moet kunnen bestaan met advertenties en zonder advertenties, zoals op onderstaande voorbeelden.
Met advertenties
Zonder advertenties
Wat ik wil is dat hij automatisch dat de divs en tables zich automatisch aanpassen in width als er advertenties zijn. Omdat ik wil dat de tekst onder de advertentie over de hele breedte wordt getoont, vind ik geen passende oplossing. Zoals je ziet loopt de tabel verder onder da advertentie.
Ik heb dit probleem ook al voorgelegd op een ander forum waar er al oplossingen worden gezocht. Best even lezen om verkeerde interpretatie van mijn probleem te voorkomen.
Webdesign forum
HTML CODE
Code:
<div id="content">
<div class="ads_160x600_content"><img src="layout/images/ads.gif" alt="ads" /></div>
<div style="background-image:url(layout/images/titlebar.gif); background-repeat:no-repeat">
<div style="position:relative; height:25px;">
<div style=" float:left; background:#fff; margin-left:20px; padding:0px 5px 0px 5px;">
<h1><?php echo $_content_title[$_GET['content']][$_GET['lang']]; ?></h1>
</div>
</div>
<?php include 'content_navigation.php'; ?>
</div>
<div class="after_float"></div>
</div>CSS CODE
Code:
#content {
border: 1px solid #08699c;
float:right;
padding: 3px;
width:781px;
}
.ads_160x600_content {
position: relative;
background-color:#fff;
float: right;
width: 160px;
height: 600px;
padding-left:3px;
top:0px;
right:0px;
}
.after_float {
clear:both;
}