zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Float-Reihenfolge?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.08.2008, 01:35
Supporter
neuer user
Thread-Ersteller
 
Registriert seit: 11.02.2008
Ort: CH-8957 Spreitenbach
Beiträge: 46
wolf1985 befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Float-Reihenfolge?

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>&nbsp;&nbsp;
<
a href="?setlang=eng{$flag_params}"><img src="layout_images/flags/gb.gif" alt="English" title="English" /></a>&nbsp;&nbsp;
<
a href="?setlang=fre{$flag_params}"><img src="layout_images/flags/fr.gif" alt="French" title="French" /></a>&nbsp;&nbsp;
<
a href="?setlang=ger{$flag_params}"><img src="layout_images/flags/de.gif" alt="German" title="German" /></a>&nbsp;&nbsp;
<
a href="?setlang=gre{$flag_params}"><img src="layout_images/flags/gr.gif" alt="Greek" title="Greek" /></a>&nbsp;&nbsp;
<
a href="?setlang=ita{$flag_params}"><img src="layout_images/flags/it.gif" alt="Italian" title="Italian" /></a>&nbsp;&nbsp;
<
a href="?setlang=por{$flag_params}"><img src="layout_images/flags/pt.gif" alt="Portuguese"  title="Portuguese" /></a>&nbsp;&nbsp;
<
a href="?setlang=rom{$flag_params}"><img src="layout_images/flags/ro.gif" alt="Romanian" title="Romanian" /></a>&nbsp;&nbsp;
<
a href="?setlang=ned{$flag_params}"><img src="layout_images/flags/nl.gif" alt="Dutch" title="Dutch" /></a>&nbsp;&nbsp;
<
a href="?setlang=spa{$flag_params}"><img src="layout_images/flags/es.gif" alt="Spanish" title="Spanish" /></a>&nbsp;&nbsp;
<
a href="?setlang=dan{$flag_params}"><img src="layout_images/flags/dk.gif" alt="Danish" title="Danish" /></a>&nbsp;&nbsp;
<
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"/>&nbsp;</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%">&nbsp;</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:
* { padding0margin0; }

bodyformimgph1h2h3inputselect {

    
margin0;

    
padding0;

}

body {

    
font12px/17px tahomasans-serif;

    
color#222;

    /*background: #e8ecf1 url("../layout_images/new/body_bg.gif") repeat-x fixed;*/

}

img {

    
bordernone;

}

.
tst

{

    
width50px;

    
border-left:10px;

    
margin0px 0px 0px 0px;

    
padding100px;

    
border-collapseseparate;

    
text-alignleft;

        
vertical-aligntop;

}



.
editor

{

        
width300px;



}



#container {

    
margin0 auto auto;

    
width900px;

    
background#fff;

    
padding0;

}







.
containertable table

{

        
width100% !important;

        
width100%;

        
margin5px 0px;

}



.
containertable td

{

        
vertical-aligntop;

        
border-collapsecollapse;

        
border-spacing0px;

        
padding0px;

}



#wrapper {

 
margin0 auto;

 
width922px;

}



#header {

    
margin0 5px 5px 5px !important;

    
height66px;

    
background#fff url("../layout_images/new/header_bg.gif") repeat-x;

}

#header table {

        
width100% !important;

        
width100%;

        
margin5px 0px;

    }

    
#header td {

        
vertical-aligntop;

        
border-collapsecollapse;

        
border-spacing0px;

        
padding0px;

    }



#topnav {

    
positionrelative;

    
right10px;

}

    
#topnav td {

        
text-aligncenter;

    }

    
#topnav td a {

        
color#53626d;

        
text-decorationnone;

    }

    
#topnav td a:hover {

        
color#283946;

        
text-decorationunderline;

    }

#register, #addad, #login {

    
border-right1px solid #c6cdd4;

}

#register a {

    
backgroundurl("../layout_images/new/register.gif"0px 50no-repeat;

    
padding-left20px;

}

#addad a {

    
backgroundurl("../layout_images/new/addad.gif"0px 50no-repeat;

    
padding-left17px;

}

#login a {

    
backgroundurl("../layout_images/new/login.gif"0px 50no-repeat;

    
padding-left22px;

}

#wap a {

    
backgroundurl("../layout_images/new/wap.gif"0px 50no-repeat;

    
padding-left12px;

}

#nav {

    
border1px solid #6882ad;

    
height38px;

}

    
#nav td {

        
text-aligncenter;

        
vertical-alignmiddle;

        
width14%;

        
border-right1px solid #0091d0;

    
}

    
#nav td a {

        
color#edf7fd;

        
text-decorationnone;

        
height38px;

        
font12px arialsans-serif;

        
displayblock;

        
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 {

    
border1px solid #dbe8fa;

    
background#e8ebf0;

    
color#41597f;

}

    
#subnav td {

        
height30px;

        
padding0px 15px;

        
vertical-alignmiddle;

    }

    
#subnav a {

        
color#41597f;

    
}

    
#subnav a:hover {

        
color#5378b4;

    
}

.
abc td {

        
padding: -10px -10px !important;

    }

.
abc {

        
padding: -10px -10px !important;

    }



.
blueheadline

{

        
border-top1px solid #6882ad;

        
border-bottom1px solid #6882ad;

        
height23px;

        
padding5px 14px !important;

        
padding2px 14px;

        
white-spacenowrap;

        
text-alignleft;

        
vertical-alignmiddle;

        
color#fff;

        
background#008cce url("../layout_images/new/th_bg.gif") repeat-x;

        
fontbold 11px verdanasans-serif;

}







.
special {

    
margin5px 0px;

    
border-left1px solid #dedede;

    
border-right1px solid #a3aab7;

    
border-bottom1px solid #a3aab7;

    
background#f8f8f8;

    
padding:10px;

}

    .
special td {

        
padding1px 5px !important;

    }

    .
special td.category {

        
backgroundurl("../layout_images/new/folder.gif"14px 9px no-repeat;

        
padding-left36px !important;

    }

    .
special tr.alt td.category {

        
background#e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat;

        
padding-left36px !important;

    }

    .
special td.category_none {



        
padding-left36px !important;

    }

    .
special tr.alt td.category_none {



        
padding-left36px !important;

    }



    .
special th {

        
border-top1px solid #6882ad;

        
border-bottom1px solid #6882ad;

        
height23px;

        
padding5px 14px !important;

        
padding2px 14px;

        
white-spacenowrap;

        
text-alignleft;

        
vertical-alignmiddle;

        
color#fff;

        
background#008cce url("../layout_images/new/th_bg.gif") repeat-x;

        
fontbold 11px verdanasans-serif;

    }

    .
special th a {

        
color#fff;

        
text-decorationnone;

    }

    .
special th a:hover {

        
text-decorationunderline;

    }

    .
special td a#content a {

        
color#0065b7;

        
text-decorationnone;

    }

    .
special td a strong {

        
font-size110%;

    }

    .
special td a:hover, .special td a:hover strong#content a:hover {

        
color#fff;

        
background#0065b7;

    
}

    .
special tr.alt {

        
background#e7ebf0;

    
}

    .
special td.pointer {

        
backgroundurl("../layout_images/new/pointer.gif"14px 10px no-repeat;

        
padding-left26px !important;

    }

    .
special tr.alt td.pointer {

        
background#e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat;

        
padding-left26px !important;

    }





    
/*-- Box headings and other tags --*/

    
.special h1 {

        
fontbold 19px arialsans-serif;

        
margin10px 0 5px 0;

        
clearboth;

    }

    .
special h2 {

        
fontbold 15px arialsans-serif;

        
margin20px 0 0 0;

        
clearboth;

        
border-bottom1px solid #a3aab7;

    
}

    .
special h3 {

        
fontbold 13px arialsans-serif;

        
margin10px 0 5px 0;

    }

    .
special p {

        
margin8px 0;

    }

    .
special ul {

        list-
stylesquare;

        
padding-left20px !important;

        
margin-left!important;

        
padding-left0;

        
margin-left20px;

    }

    .
special blockquote {

        
border1px solid #e7ebf0;

        
margin5px 3px 15px 3px;

        
padding15px;

        
background#fff;

    
}













.
box {

    
margin5px 0px;

    
border-left1px solid #dedede;

    
border-right1px solid #a3aab7;

    
border-bottom1px solid #a3aab7;

    
background#f8f8f8;

}

    .
box td {

        
padding5px 15px !important;

    }

    .
box td.category {

        
backgroundurl("../layout_images/new/folder.gif"14px 9px no-repeat;

        
padding-left36px !important;

    }

    .
box tr.alt td.category {

        
background#e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat;

        
padding-left36px !important;

    }

    .
box th {

        
border-top1px solid #6882ad;

        
border-bottom1px solid #6882ad;

        
height23px;

        
padding5px 14px !important;

        
padding2px 14px;

        
white-spacenowrap;

        
text-alignleft;

        
vertical-alignmiddle;

        
color#fff;

        
background#008cce url("../layout_images/new/th_bg.gif") repeat-x;

        
fontbold 11px verdanasans-serif;

    }

    .
box th a {

        
color#fff;

        
text-decorationnone;

    }

    .
box th a:hover {

        
text-decorationunderline;

    }

    .
box td a#content a {

        
color#0065b7;

        
text-decorationnone;

    }

    .
box td a strong {

        
font-size110%;

    }

    .
box td a:hover, .box td a:hover strong#content a:hover {

        
color#fff;

        
background#0065b7;

    
}

    .
box tr.alt {

        
background#e7ebf0;

    
}

    .
box td.pointer {

        
backgroundurl("../layout_images/new/pointer.gif"14px 10px no-repeat;

        
padding-left26px !important;

    }

    .
box tr.alt td.pointer {

        
background#e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat;

        
padding-left26px !important;

    }





    
/*-- Box headings and other tags --*/

    
.box h1 {

        
fontbold 19px arialsans-serif;

        
margin10px 0 5px 0;

        
clearboth;

    }

    .
box h2 {

        
fontbold 15px arialsans-serif;

        
margin20px 0 0 0;

        
clearboth;

        
border-bottom1px solid #a3aab7;

    
}

    .
box h3 {

        
fontbold 13px arialsans-serif;

        
margin10px 0 5px 0;

    }

    .
box p {

        
margin8px 0;

    }

    .
box ul {

        list-
stylesquare;

        
padding-left20px !important;

        
margin-left!important;

        
padding-left0;

        
margin-left20px;

    }

    .
box blockquote {

        
border1px solid #e7ebf0;

        
margin5px 3px 15px 3px;

        
padding15px;

        
background#fff;

    
}



#membermenu a

{

    
backgroundurl("../layout_images/new/arrow.gif"10px 50no-repeat;

    
padding-left23px !important;

    
color#0065b7;

    
text-decorationnone;

}



#membermenu a:hover

{

    
backgroundurl("../layout_images/new/arrow.gif"10px 50no-repeat;

    
padding-left23px !important;

    
color#0065b7;

    
font-weight:bold;

}





.
arrow a:hover{

color#53626d;

        
text-decorationnone;

}



/*-- --*/

.side_nav td {

    
backgroundurl("../layout_images/new/arrow.gif"10px 50no-repeat;

    
padding-left23px !important;

}

.
side_nav tr.alt td {

    
background#e7ebf0 url("../layout_images/new/arrow.gif") 10px 50% no-repeat;

    
padding-left23px !important;

}

#tools {

    
border1px solid #e7ebf0;

    
background#fff;

}

    
#tools td {

        
padding2px !important;

        
text-aligncenter;

        
border-right1px solid #e7ebf0;

    
}

    
#tools a {

        
color#53626d;

        
text-decorationnone;

    }

    
#tools a:hover {

        
color#283946;

        
backgroundnone;

        
text-decorationunderline;

    }

    
#tools #addfav {

        
backgroundurl("../layout_images/new/addfav.gif"0px 50no-repeat;

        
padding-left20px;

    }

    
#tools #moread {

        
backgroundurl("../layout_images/new/moread.gif"0px 50no-repeat;

        
padding-left20px;

    }

    
#tools #sellerad {

        
backgroundurl("../layout_images/new/sellerad.gif"0px 50no-repeat;

        
padding-left20px;

    }

    
#tools #contactseller {

        
backgroundurl("../layout_images/new/contactseller.gif"0px 50no-repeat;

        
padding-left20px;

    }

    
#tools #tellfriend {

        
backgroundurl("../layout_images/new/tellfriend.gif"0px 50no-repeat;

        
padding-left20px;

    }

    
#tools #print {

        
backgroundurl("../layout_images/new/print.gif"0px 50no-repeat;

        
padding-left20px;

    }



#premium td {

    
backgroundurl("../layout_images/new/premium.gif"14px 50no-repeat;

    
padding-left36px !important;

}

#premium tr.alt td {

    
background#e7ebf0 url("../layout_images/new/premium.gif") 14px 50% no-repeat;

    
padding-left36px !important;

}

#footer {

    
border-top1px solid #dedede;

    
padding4px;

}

    
#footer a {

        
color#53626d;

        
text-decorationnone;

        
margin0 4px;

    }

    
#footer a:hover {

        
color#283946;

        
text-decorationunderline;

    }

    
#footer a.rss {

        
backgroundurl("../layout_images/new/rss.gif"0px 50no-repeat;

        
padding-left15px;

    }

.
button {

    
background#ecbe47;

    
border1px solid #cc810d;

    
color#fff !important;

    
padding2px 7px;

    
margin0 3px;

    
fontbold 11px verdanasans-serif;

}

    .
button:hover {

        
background#e4af26 !important;

        
border1px solid #835308 !important;

        
cursorpointer;

    }

.
sold {

    
colorred;

    
font-weightbold;

}

.
warn_intend {

    
colorred;

}

.
red {

    
colorred;

}

.
star {

    
colorred;

}



a.thumb img {

    
padding2px;

    
border2px solid #ccc;

}

a.thumb:hover img {

    
border2px solid #3588c7;

    
backgroundnone !important;

}

a.thumb:hover {

    
backgroundnone !important;

}



a.thumb_icon img {

    
padding1px;

    
border2px solid #ccc;

}

a.thumb_icon:hover img {

    
border2px solid #3588c7;

    
backgroundnone !important;

}

a.thumb_icon:hover {

    
backgroundnone !important;

}



.
gal{

    
padding10px;

    
border1px solid #ccc;

    
margin:100px;

}



a.gallery img {

    
padding2px;

    
border2px solid #ccc;



}

a.gallery:hover img {

    
border2px solid #3588c7;

    
backgroundnone !important;

}

a.gallery:hover {

    
backgroundnone !important;

}



h2 {

    
fontbold 20px verdana,arialsans-serif;

    
margin20px 0 0 0;

    
clearboth;

    
border-bottom1px solid #a3aab7;



}

.
headline a {

    
color#fff;

    
text-decorationnone;

}

.
headline a:hover {

    
color#fff;

        
background#0065b7;

}

.
headline a#content a {

    
color#0065b7;

    
text-decorationnone;

}

.
small_drop_down

{

font-size9px;

}

.
bg

{

    
background-color:#EEECEC;

    
border1px solid #ccc;

    
border-top1px solid #ccc;

    
padding5px;

}



.
memberarea{

    
float:right;background#f8f8f8;width:80%;padding:0px;margin:0px;

}



.
memberarea a

{



    
color#0065b7;

    
text-decorationnone;

}



.
memberarea a:hover

{



    
color#0065b7;

    
font-weight:bold;

}



.
memberarea_caption

{

    
fontbold 14px verdana,arialsans-serif;

    
margin0px 0 0 0;

    
clearboth;

    
border-bottom1px solid #a3aab7;

}



.
regionselect

{

    
width:200px;

    
margin-bottom:5px;

}

#leftcolumn {

 
color#333;

 
border1px solid #ccc;

 
background:#fff; /*#F6F0E0;*/

 
margin0px 5px 5px 0px;

 
padding10px;

 
height350px;

 
width165px;

 
floatleft;

}

#content {

 
floatleft;

 
color#333;

 
bordernone/*1px solid #ccc;*/

 
background#fff; /*#CCC8B3*/

 
margin0px 5px 5px 0px;

 
padding10px;

 
heightauto/*350px*/

 
width516px;

 
displayinline;

}



.
left {

 
width258px;

 
floatright;

 
text-alignleft;

}



.
right {

 
width258px;

 
text-alignleft;

}



#rightcolumn {

 
color#333;

 
border1px solid #ccc;

 
background:#fff; /*#F6F0E0;*/

 
margin0px 0px 5px 0px;

 
padding10px;

 
height350px;

 
width165px;

 
floatleft;

}

#footer {

 
width900px;

 
clearboth;

 
color#333;

 
border1px solid #ccc;

 
background-color:#F3F2ED;

 
margin0px 0px 10px 0px;

 
padding10px;

}



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{

    
positionabsolute;

    
top40px;

    
left0;

    
width100%;

    
z-index100;

    
text-aligncenter;

    
line-height0;

    }



#lightbox a img{ border: none; }



#outerImageContainer{

    
positionrelative;

    
background-color#fff;

    
width250px;

    
height250px;

    
margin0 auto;

    }



#imageContainer{

    
padding10px;

    }



#loading{

    
positionabsolute;

    
top40%;

    
left0%;

    
height25%;

    
width100%;

    
text-aligncenter;

    
line-height0;

    }

#hoverNav{

    
positionabsolute;

    
top0;

    
left0;

    
height100%;

    
width100%;

    
z-index10;

    }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

    
width49%;

    
height100%;

    
backgroundtransparent url(tools/lightbox/images/blank.gifno-repeat/* Trick IE into showing hover */

    
displayblock;

    }

#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{

    
font10px VerdanaHelveticasans-serif;

    
background-color#fff;

    
margin0 auto;

    
line-height1.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{

    
positionabsolute;

    
top0;

    
left0;

    
z-index90;

    
width100%;

    
height500px;

    
background-color#000;

    
filter:alpha(opacity=60);

    -
moz-opacity0.6;

    
opacity0.6;

    }

    



.
clearfix:after {

    
content"."

    
displayblock

    
height0

    
clearboth

    
visibilityhidden;

    }



html>body .clearfix {

    
displayinline-block

    
width100%;

    }



html .clearfix {

    
/* Hides from IE-mac \*/

    
height1%;

    
/* 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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Float-Problem? mischaef CSS 33 20.10.2010 16:20
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 15:22
IE zeigt gewisse Texte nicht an zitronenbaum CSS 2 16.01.2008 15:25
Testcase: float, overflow: hidden; und alte Geckos... heiko_rs CSS 0 19.11.2007 21:26
Zeilenumbruch bei horizontal nebeneinanderliegenden divs GrafZahl Knowledge Base 10 16.07.2004 16:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:43 Uhr.