Hallo Zusammen
Nach etlichen Versuchen und auch den Tipps hier im Forum komme ich nicht weiter. Ich mlöchte um ein bestehendes Template (header.tpl) und (footer.tpl) und dem Style (style.css) zwei Spalten (links und rechts) sowie einen header (oben) und footer (unten) drumherumbauen, ohne dass das andere CSS zerstört wird.
Die ganze Kleinanzeigen sollten in die MITTE zwisfchen den Spalten kommen, was aber bis jetzt nicht geklappt hat. Eine Fixe Breite als Anfang wäre OK. Habe es auch mit dem neuen Tipp versucht für die Browservariende breite, wobei sich der inhalt je nach fenster anpasst. Auch das hab ich nicht hingekriegt.
Hier mal der Code (sorry ,ist lange....) aber ich hoffe ihr kölnnt mir mal auf die Sprünge helfen.
Code HEADER.TPL
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>{$page_title}</title>
<!-- <meta http-equiv="Content-Type" content="text/html; charset={$charset}" />-->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="Generator" content="PHP Classifieds" />
<meta name="Description" content="{$meta_desc}" />
<link href="http://{$url}/style/style.css" rel="stylesheet" type="text/css" />
{include file='scriptheaders.tpl'}
</head>
<body>
{if !$smarty.get.print}
<div id="container">
<div class="containertable">
<table cellspacing="0" id="header">
<tr>
<td>
<a href="index.php"><img src="layout_images/new/logo.gif" alt="PHP Classifieds 7" title="PHP Classifieds 7 from DeltaScripts" /></a>
</td>
<td>
<table cellspacing="0" id="topnav">
<tr>
{if $member}
<td id="register"><a href="member.php">{$smarty.const.LA_MEMBER_AREA}</a></td>
{else}
<td id="register"><a href="register.php">{$smarty.const.LA_REG}</a></td>
{/if}
<td id="addad"><a href="choose_cat.php">{$smarty.const.LA_ADD_AD}</a></td>
{if $member}
<td id="login"><a href="member_login.php?logout=1">{$smarty.const.LA_LOG_OUT}</a></td>
{else}
<td id="login"><a href="member_login.php">{$smarty.const.LA_LOGIN}</a></td>
{/if}
<td id="wap"><a href="latestwap.php">{$smarty.const.LA_WAP_NAV}</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing="0">
<tr id="nav">
<td><a href="index.php" title="{$smarty.const.LA_FRONTPAGE}"><img src="layout_images/new/home_icon.gif" alt="{$smarty.const.LA_FRONTPAGE}" style="margin-top:4px;"/><br />{$smarty.const.LA_FRONTPAGE}</a></td>
<td><a href="picturebrowse.php" title="{$smarty.const.LA_BROWSE}"><img src="layout_images/new/pictures_icon.gif" alt="{$smarty.const.LA_BROWSE}" style="margin-top:4px;"/><br />{$smarty.const.LA_BROWSE}</a></td>
<td><a href="latestads.php" title="{$smarty.const.LA_LATEST}"><img src="layout_images/new/latest_icon.gif" alt="{$smarty.const.LA_LATEST}" style="margin-top:4px;"/><br />{$smarty.const.LA_LATEST}</a></td>
<td><a href="mostviewed.php" title="{$smarty.const.LA_MOST}"><img src="layout_images/new/top_ads_icon.gif" alt="{$smarty.const.LA_MOST}" style="margin-top:4px;"/><br />{$smarty.const.LA_MOST}</a></td>
<td><a href="best_rated.php" title="{$smarty.const.LA_BEST_RATED}"><img src="layout_images/new/top_rated_icon.gif" alt="{$smarty.const.LA_BEST_RATED}" style="margin-top:4px;"/><br />{$smarty.const.LA_BEST_RATED}</a></td>
<td><a href="fav.php" title="{$smarty.const.LA_MY_FAV}"><img src="layout_images/new/favorites_icon.gif" alt="{$smarty.const.LA_MY_FAV}" style="margin-top:4px;"/><br />{$smarty.const.LA_MY_FAV}</a></td>
<td><a href="search.php" title="{$smarty.const.LA_SEARCH}"><img src="layout_images/new/search_icon.gif" alt="{$smarty.const.LA_SEARCH}" style="margin-top:4px;"/><br />{$smarty.const.LA_SEARCH}</a></td>
</tr>
<tr id="subnav">
<td colspan="7">
<p style="float:left;">{$linked_path}</p>
<p style="text-align:right;">
<a href="?setlang=eng{$flag_params}"><img src="layout_images/flags/us.gif" alt="English" title="English" /></a>
<a href="?setlang=eng{$flag_params}"><img src="layout_images/flags/gb.gif" alt="English" title="English" /></a>
<a href="?setlang=fre{$flag_params}"><img src="layout_images/flags/fr.gif" alt="French" title="French" /></a>
<a href="?setlang=ger{$flag_params}"><img src="layout_images/flags/de.gif" alt="German" title="German" /></a>
<a href="?setlang=gre{$flag_params}"><img src="layout_images/flags/gr.gif" alt="Greek" title="Greek" /></a>
<a href="?setlang=ita{$flag_params}"><img src="layout_images/flags/it.gif" alt="Italian" title="Italian" /></a>
<a href="?setlang=por{$flag_params}"><img src="layout_images/flags/pt.gif" alt="Portuguese" title="Portuguese" /></a>
<a href="?setlang=rom{$flag_params}"><img src="layout_images/flags/ro.gif" alt="Romanian" title="Romanian" /></a>
<a href="?setlang=ned{$flag_params}"><img src="layout_images/flags/nl.gif" alt="Dutch" title="Dutch" /></a>
<a href="?setlang=spa{$flag_params}"><img src="layout_images/flags/es.gif" alt="Spanish" title="Spanish" /></a>
<a href="?setlang=dan{$flag_params}"><img src="layout_images/flags/dk.gif" alt="Danish" title="Danish" /></a>
<a href="?setlang=nor{$flag_params}"><img src="layout_images/flags/no.gif" alt="Norwegian" title="Norwegian" /></a>
{$flags}
</p>
</td>
</tr>
</table>
<br />
{php}
$section="banner_section1";
include "ad_get.php";
{/php}
</div>
{/if}
Nun geht es weiter, aber in der zweiten datei FOOTER.TPL:
PHP-Code:
{if $smarty.get.print}
<center>{$smarty.now|date_format:"%d.%m.%Y %H:%M:%S"}<br /><strong>{$SET_SITENAME}</strong><br />http://{$SET_URL}</center>
{else}
<div class="containertable">
<!-- Start Footer -->
<form action="search.php" method="post">
<table cellspacing="0" class="box">
<tr>
<th colspan="4">{$smarty.const.LA_SEARCH}</th>
</tr>
<tr>
<td><input name="searchword" size="25"/> </td>
<td>
<select name="catid_search">
<option value="0">{$smarty.const.LA_ALL}</option>{$dropdown_catlist}</select>
</td>
<td><input value="{$smarty.const.LA_SEARCH}" name="do_search" type="submit" class="button"/></td>
<td width="100%"> </td>
</tr>
</table>
</form>
<table>
<tr>
<td align="center">
<!-- Stat bar -->
{if $la_s_bar} {$la_s_bar}{/if}
</td>
</tr>
</table>
<table id="footer">
<tr>
<td align="center">
<a href="javascript:openWin3('info.php?what=terms',300,500,'LA_TERMS_ALT')">{$smarty.const.LA_TERMS}</a>
- <a href="javascript:openWin3('info.php?what=aboutus',300,500,'LA_ABOUT_ALT')">{$smarty.const.LA_ABOUT}</a>
- <a href="javascript:openWin3('info.php?what=advertise',300,500,'LA_ADVERTISE_ALT')">{$smarty.const.LA_ADVERTISE}</a>
- <a href="javascript:openWin3('info.php?what=help',300,500,'LA_HELP_ALT')">{$smarty.const.LA_HELP}</a>
{if $BEST_RATED}
- <a href="rss.php?type=best_rated" class='rss'>{$LA_RSS_FEED}</a>
{elseif $MOST_VIEWED}
- <a href="rss.php?type=most_viewed" class='rss'>{$LA_RSS_FEED}</a>
{elseif $CATID}
- <a href="rss.php?cat={$CATID}" class='rss'>{$smarty.const.LA_RSS_FEED_CAT}</a>
{else}
- <a href="rss.php" class='rss'>{$LA_RSS_FEED}</a>
{/if}
<br /><br />
<!-- ## YOU MAY NOT REMOVE THE FOLLOWING 4 LINES WITHOUT COMMERCIAL PAID LICENSE ## -->
{if !$HAS_LIC}
<p><a href="http://www.deltascripts.com/phpclassifieds" target="_blank">
<img border="0" src="layout_images/powered.gif" width="109" height="22" alt="" /></a></p>
{/if}
<!-- ## YOU MAY NOT REMOVE THE ABOVE 4 LINES WITHOUTH COMMERCIAL PAID LICENSE ## -->
</td>
</tr>
</table>
</div></div> <!-- End of main container -->
{/if}
</body>
</html>
<!-- End Footer -->
und zu guter letzt die verantwortliche STYLE.CSS
PHP-Code:
* { padding: 0; margin: 0; }
body, form, img, p, h1, h2, h3, input, select {
margin: 0;
padding: 0;
}
body {
font: 12px/17px tahoma, sans-serif;
color: #222;
/*background: #e8ecf1 url("../layout_images/new/body_bg.gif") repeat-x fixed;*/
}
img {
border: none;
}
.tst
{
width: 50px;
border-left:10px;
margin: 0px 0px 0px 0px;
padding: 100px;
border-collapse: separate;
text-align: left;
vertical-align: top;
}
.editor
{
width: 300px;
}
#container {
margin: 0 auto auto;
width: 900px;
background: #fff;
padding: 0;
}
.containertable table
{
width: 100% !important;
width: 100%;
margin: 5px 0px;
}
.containertable td
{
vertical-align: top;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
margin: 0 5px 5px 5px !important;
height: 66px;
background: #fff url("../layout_images/new/header_bg.gif") repeat-x;
}
#header table {
width: 100% !important;
width: 100%;
margin: 5px 0px;
}
#header td {
vertical-align: top;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
}
#topnav {
position: relative;
right: 10px;
}
#topnav td {
text-align: center;
}
#topnav td a {
color: #53626d;
text-decoration: none;
}
#topnav td a:hover {
color: #283946;
text-decoration: underline;
}
#register, #addad, #login {
border-right: 1px solid #c6cdd4;
}
#register a {
background: url("../layout_images/new/register.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#addad a {
background: url("../layout_images/new/addad.gif") 0px 50% no-repeat;
padding-left: 17px;
}
#login a {
background: url("../layout_images/new/login.gif") 0px 50% no-repeat;
padding-left: 22px;
}
#wap a {
background: url("../layout_images/new/wap.gif") 0px 50% no-repeat;
padding-left: 12px;
}
#nav {
border: 1px solid #6882ad;
height: 38px;
}
#nav td {
text-align: center;
vertical-align: middle;
width: 14%;
border-right: 1px solid #0091d0;
}
#nav td a {
color: #edf7fd;
text-decoration: none;
height: 38px;
font: 12px arial, sans-serif;
display: block;
background: #008cce url("../layout_images/new/nav_bg.gif") 0px 1px repeat-x;
}
#nav td a:hover {
color: #fff;
background: #6db2dd url("../layout_images/new/nav_bg_over.gif") 0px 1px repeat-x;
}
#subnav {
border: 1px solid #dbe8fa;
background: #e8ebf0;
color: #41597f;
}
#subnav td {
height: 30px;
padding: 0px 15px;
vertical-align: middle;
}
#subnav a {
color: #41597f;
}
#subnav a:hover {
color: #5378b4;
}
.abc td {
padding: -10px -10px !important;
}
.abc {
padding: -10px -10px !important;
}
.blueheadline
{
border-top: 1px solid #6882ad;
border-bottom: 1px solid #6882ad;
height: 23px;
padding: 5px 14px !important;
padding: 2px 14px;
white-space: nowrap;
text-align: left;
vertical-align: middle;
color: #fff;
background: #008cce url("../layout_images/new/th_bg.gif") repeat-x;
font: bold 11px verdana, sans-serif;
}
.special {
margin: 5px 0px;
border-left: 1px solid #dedede;
border-right: 1px solid #a3aab7;
border-bottom: 1px solid #a3aab7;
background: #f8f8f8;
padding:10px;
}
.special td {
padding: 1px 5px !important;
}
.special td.category {
background: url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.special tr.alt td.category {
background: #e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.special td.category_none {
padding-left: 36px !important;
}
.special tr.alt td.category_none {
padding-left: 36px !important;
}
.special th {
border-top: 1px solid #6882ad;
border-bottom: 1px solid #6882ad;
height: 23px;
padding: 5px 14px !important;
padding: 2px 14px;
white-space: nowrap;
text-align: left;
vertical-align: middle;
color: #fff;
background: #008cce url("../layout_images/new/th_bg.gif") repeat-x;
font: bold 11px verdana, sans-serif;
}
.special th a {
color: #fff;
text-decoration: none;
}
.special th a:hover {
text-decoration: underline;
}
.special td a, #content a {
color: #0065b7;
text-decoration: none;
}
.special td a strong {
font-size: 110%;
}
.special td a:hover, .special td a:hover strong, #content a:hover {
color: #fff;
background: #0065b7;
}
.special tr.alt {
background: #e7ebf0;
}
.special td.pointer {
background: url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
.special tr.alt td.pointer {
background: #e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
/*-- Box headings and other tags --*/
.special h1 {
font: bold 19px arial, sans-serif;
margin: 10px 0 5px 0;
clear: both;
}
.special h2 {
font: bold 15px arial, sans-serif;
margin: 20px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.special h3 {
font: bold 13px arial, sans-serif;
margin: 10px 0 5px 0;
}
.special p {
margin: 8px 0;
}
.special ul {
list-style: square;
padding-left: 20px !important;
margin-left: 0 !important;
padding-left: 0;
margin-left: 20px;
}
.special blockquote {
border: 1px solid #e7ebf0;
margin: 5px 3px 15px 3px;
padding: 15px;
background: #fff;
}
.box {
margin: 5px 0px;
border-left: 1px solid #dedede;
border-right: 1px solid #a3aab7;
border-bottom: 1px solid #a3aab7;
background: #f8f8f8;
}
.box td {
padding: 5px 15px !important;
}
.box td.category {
background: url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.box tr.alt td.category {
background: #e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.box th {
border-top: 1px solid #6882ad;
border-bottom: 1px solid #6882ad;
height: 23px;
padding: 5px 14px !important;
padding: 2px 14px;
white-space: nowrap;
text-align: left;
vertical-align: middle;
color: #fff;
background: #008cce url("../layout_images/new/th_bg.gif") repeat-x;
font: bold 11px verdana, sans-serif;
}
.box th a {
color: #fff;
text-decoration: none;
}
.box th a:hover {
text-decoration: underline;
}
.box td a, #content a {
color: #0065b7;
text-decoration: none;
}
.box td a strong {
font-size: 110%;
}
.box td a:hover, .box td a:hover strong, #content a:hover {
color: #fff;
background: #0065b7;
}
.box tr.alt {
background: #e7ebf0;
}
.box td.pointer {
background: url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
.box tr.alt td.pointer {
background: #e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
/*-- Box headings and other tags --*/
.box h1 {
font: bold 19px arial, sans-serif;
margin: 10px 0 5px 0;
clear: both;
}
.box h2 {
font: bold 15px arial, sans-serif;
margin: 20px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.box h3 {
font: bold 13px arial, sans-serif;
margin: 10px 0 5px 0;
}
.box p {
margin: 8px 0;
}
.box ul {
list-style: square;
padding-left: 20px !important;
margin-left: 0 !important;
padding-left: 0;
margin-left: 20px;
}
.box blockquote {
border: 1px solid #e7ebf0;
margin: 5px 3px 15px 3px;
padding: 15px;
background: #fff;
}
#membermenu a
{
background: url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
color: #0065b7;
text-decoration: none;
}
#membermenu a:hover
{
background: url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
color: #0065b7;
font-weight:bold;
}
.arrow a:hover{
color: #53626d;
text-decoration: none;
}
/*-- --*/
.side_nav td {
background: url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
}
.side_nav tr.alt td {
background: #e7ebf0 url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
}
#tools {
border: 1px solid #e7ebf0;
background: #fff;
}
#tools td {
padding: 2px !important;
text-align: center;
border-right: 1px solid #e7ebf0;
}
#tools a {
color: #53626d;
text-decoration: none;
}
#tools a:hover {
color: #283946;
background: none;
text-decoration: underline;
}
#tools #addfav {
background: url("../layout_images/new/addfav.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #moread {
background: url("../layout_images/new/moread.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #sellerad {
background: url("../layout_images/new/sellerad.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #contactseller {
background: url("../layout_images/new/contactseller.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #tellfriend {
background: url("../layout_images/new/tellfriend.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #print {
background: url("../layout_images/new/print.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#premium td {
background: url("../layout_images/new/premium.gif") 14px 50% no-repeat;
padding-left: 36px !important;
}
#premium tr.alt td {
background: #e7ebf0 url("../layout_images/new/premium.gif") 14px 50% no-repeat;
padding-left: 36px !important;
}
#footer {
border-top: 1px solid #dedede;
padding: 4px;
}
#footer a {
color: #53626d;
text-decoration: none;
margin: 0 4px;
}
#footer a:hover {
color: #283946;
text-decoration: underline;
}
#footer a.rss {
background: url("../layout_images/new/rss.gif") 0px 50% no-repeat;
padding-left: 15px;
}
.button {
background: #ecbe47;
border: 1px solid #cc810d;
color: #fff !important;
padding: 2px 7px;
margin: 0 3px;
font: bold 11px verdana, sans-serif;
}
.button:hover {
background: #e4af26 !important;
border: 1px solid #835308 !important;
cursor: pointer;
}
.sold {
color: red;
font-weight: bold;
}
.warn_intend {
color: red;
}
.red {
color: red;
}
.star {
color: red;
}
a.thumb img {
padding: 2px;
border: 2px solid #ccc;
}
a.thumb:hover img {
border: 2px solid #3588c7;
background: none !important;
}
a.thumb:hover {
background: none !important;
}
a.thumb_icon img {
padding: 1px;
border: 2px solid #ccc;
}
a.thumb_icon:hover img {
border: 2px solid #3588c7;
background: none !important;
}
a.thumb_icon:hover {
background: none !important;
}
.gal{
padding: 10px;
border: 1px solid #ccc;
margin:100px;
}
a.gallery img {
padding: 2px;
border: 2px solid #ccc;
}
a.gallery:hover img {
border: 2px solid #3588c7;
background: none !important;
}
a.gallery:hover {
background: none !important;
}
h2 {
font: bold 20px verdana,arial, sans-serif;
margin: 20px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.headline a {
color: #fff;
text-decoration: none;
}
.headline a:hover {
color: #fff;
background: #0065b7;
}
.headline a, #content a {
color: #0065b7;
text-decoration: none;
}
.small_drop_down
{
font-size: 9px;
}
.bg
{
background-color:#EEECEC;
border: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 5px;
}
.memberarea{
float:right;background: #f8f8f8;width:80%;padding:0px;margin:0px;
}
.memberarea a
{
color: #0065b7;
text-decoration: none;
}
.memberarea a:hover
{
color: #0065b7;
font-weight:bold;
}
.memberarea_caption
{
font: bold 14px verdana,arial, sans-serif;
margin: 0px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.regionselect
{
width:200px;
margin-bottom:5px;
}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background:#fff; /*#F6F0E0;*/
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 165px;
float: left;
}
#content {
float: left;
color: #333;
border: none; /*1px solid #ccc;*/
background: #fff; /*#CCC8B3*/
margin: 0px 5px 5px 0px;
padding: 10px;
height: auto; /*350px*/
width: 516px;
display: inline;
}
.left {
width: 258px;
float: right;
text-align: left;
}
.right {
width: 258px;
text-align: left;
}
#rightcolumn {
color: #333;
border: 1px solid #ccc;
background:#fff; /*#F6F0E0;*/
margin: 0px 0px 5px 0px;
padding: 10px;
height: 350px;
width: 165px;
float: left;
}
#footer {
width: 900px;
clear: both;
color: #333;
border: 1px solid #ccc;
background-color:#F3F2ED;
margin: 0px 0px 10px 0px;
padding: 10px;
}
blockquote {
font-weight : normal;
font-style : italic;
text-align : justiry;
color : #000;
}
http://www.globesolutions.ch/kunden/novak/class/tools/lightbox/css/lightbox.css
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(tools/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(tools/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(tools/lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
Das #leftcolumn etc ist noch vin mir drin als ich probiert habe. aber nix geht.
Gibts da ne lösung wie ich das richtig einbaue??
Grüsse
Wolf