zurück zur Startseite
  


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

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.08.2008, 20:02
Supporter
neuer user
Thread-Ersteller
 
Registriert seit: 11.02.2008
Ort: CH-8957 Spreitenbach
Beiträge: 46
wolf1985 befindet sich auf einem aufstrebenden Ast
Standard Float - Probleme

Hallo Zusammen

Eigentlich ist es recht einfach und simpel und ich kriegte es auch schon mal hin wie ich es wollte. Allerdings geht es nun nicht mehr.

Ich hab einen gesamten Container namens Content. In diesem Content sollten dann drei Sachen angzeigt werden. Leftcolumn (menu Links) und Rightcolumn (Menu Rechts) mit einer Festen breite von 160px.

Der gesamte Content sollte im Browser zentriert sein. Der "Container", also der Inhalt selbst sollte in der Mitte zwischen Left und Rightcolumn stehen.
allerdings hab ich da so meine PRobleme.

Im HTML Nehme ich erst links, rechts und dann die Mitte, so wie es sich gehört. Zb:

Reihenfolge im HTML-Code:;
Leftcolumn (Float left)
rightcolumn (float right)
content (nichts)

Es geht, nur wird die Contentbreite immer darüberhinausgeschossen! Warum das? Ich möchte keine Feste breite zuweisen sonder nur, dass alles Zentriert wird und der Content sich jeweils anpasst, jenachdem wie viel Platz zwischen der linken und rechten spalte bleibt. Kann mir da jemand weiterhelfen??

es handelt sich um die Seite www.globesolutions.ch/class , um diese anzuzeigen sind folgende Logindaten nötig:

Login: admin
pass: intern2008

Vielen Dank!

CSS-Code:
PHP-Code:
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;
    
background#fff;
    
padding0;
        
text-aligncenter;
}



.
containertable table
{
        
width100% !important;
        
width100%;
        
margin5px 0px;
}

.
containertable td
{
        
vertical-aligntop;
        
border-collapsecollapse;
        
border-spacing0px;
        
padding0px;
}

#header {
    
margin0 5px 5px 5px !important;
    
height66px;
    
background#fff url("../layout_images/new/header_bg.gif") repeat-x;
        
text-aligncenter;
}
#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;
}

#wrapper {
 
margin0 auto;
 
width922px;
}

#leftcolumn {
 
color#333;
 
border1px solid #ccc;
 
background:#fff; /*#F6F0E0;*/
 
margin0px 5px 5px 0px;
 
padding10px;
 
height350px;
 
width160px;
 
floatleft;
}
#content {
 
color#333;
 
bordernone/*1px solid #ccc;*/
 
background#fff; /*#CCC8B3*/
 
margin0px 5px 5px 0px;
 
padding10px;
 
heightauto/*350px*/
 
widthauto;
 
text-aligncenter;
}

.
left {
 
width258px;
 
floatright;
 
text-alignleft;
}

.
right {
 
width258px;
 
text-alignleft;
}

#rightcolumn {
 
color#333;
 
border1px solid #ccc;
 
background:#fff; /*#F6F0E0;*/
 
margin0px 0px 5px 0px;
 
padding10px;
 
height350px;
 
width160px;
 
floatright;
}


blockquote {
font-weight normal;
font-style italic;
text-align justiry;
color #000;

HTML-Reihenfolge:
Code:
<div id="content">
<div id="leftcolumn">
LINKS MENU
</div>
<div id="rightcolumn">
RECHTES MENU
</div>
<div id="container">
	<div class="containertable">

			<table cellspacing="0" id="header">
				<tr>
					<td>
						<a href="index.php"><img src="layout_images/new/logoexistiertnochnicht.gif" alt="Babymärt Logo" title="Babymärt - Der Marktplatz" width="110px"/></a>
					</td>
					<td>
						<table cellspacing="0" id="topnav">
							<tr>
																<td id="register"><a href="register.php">Registrieren</a></td>

																
								<td id="addad"><a href="choose_cat.php">Annonce aufgeben</a></td>
																<td id="login"><a href="member_login.php">Login</a></td>
																<td id="wap"><a href="latestwap.php">WAP</a></td>
							</tr>
						</table>
					</td>
				</tr>

			</table>

			<table cellspacing="0">
				<tr id="nav">
					<td><a href="index.php" title="Startseite"><img src="layout_images/new/home_icon.gif" alt="Startseite" style="margin-top:4px;"/><br />Startseite</a></td>
					<td><a href="picturebrowse.php" title="Bildbrowser"><img src="layout_images/new/pictures_icon.gif" alt="Bildbrowser" style="margin-top:4px;"/><br />Bildbrowser</a></td>
					<td><a href="latestads.php" title="Neue Annoncen"><img src="layout_images/new/latest_icon.gif" alt="Neue Annoncen" style="margin-top:4px;"/><br />Neue Annoncen</a></td>
					<td><a href="mostviewed.php" title="Top Annoncen"><img src="layout_images/new/top_ads_icon.gif" alt="Top Annoncen" style="margin-top:4px;"/><br />Top Annoncen</a></td>

					<td><a href="best_rated.php" title="Top Wertung"><img src="layout_images/new/top_rated_icon.gif" alt="Top Wertung" style="margin-top:4px;"/><br />Top Wertung</a></td>
					<td><a href="fav.php" title="Meine Favoriten"><img src="layout_images/new/favorites_icon.gif" alt="Meine Favoriten" style="margin-top:4px;"/><br />Meine Favoriten</a></td>
					<td><a href="search.php" title="Suchen"><img src="layout_images/new/search_icon.gif" alt="Suchen" style="margin-top:4px;"/><br />Suchen</a></td>
				</tr>
				<tr id="subnav">
					<td colspan="7">
						<p style="float:left;"><a href='index.php'><img src='layout_images/pointer.gif' border='0' hspace='2' alt='' /></a><a href='index.php'><u>Babymärt Marktplatz</u></a>  </p>

						<p style="text-align:right;">
<a href="?setlang=eng"><img src="layout_images/flags/us.gif" alt="English" title="English" /></a>&nbsp;&nbsp;
<a href="?setlang=eng"><img src="layout_images/flags/gb.gif" alt="English" title="English" /></a>&nbsp;&nbsp;
<a href="?setlang=fre"><img src="layout_images/flags/fr.gif" alt="French" title="French" /></a>&nbsp;&nbsp;
<a href="?setlang=ger"><img src="layout_images/flags/de.gif" alt="German" title="German" /></a><!---&nbsp;&nbsp;
<a href="?setlang=gre"><img src="layout_images/flags/gr.gif" alt="Greek" title="Greek" /></a>&nbsp;&nbsp;
<a href="?setlang=ita"><img src="layout_images/flags/it.gif" alt="Italian" title="Italian" /></a>&nbsp;&nbsp;
<a href="?setlang=por"><img src="layout_images/flags/pt.gif" alt="Portuguese"  title="Portuguese" /></a>&nbsp;&nbsp;
<a href="?setlang=rom"><img src="layout_images/flags/ro.gif" alt="Romanian" title="Romanian" /></a>&nbsp;&nbsp;
<a href="?setlang=ned"><img src="layout_images/flags/nl.gif" alt="Dutch" title="Dutch" /></a>&nbsp;&nbsp;
<a href="?setlang=spa"><img src="layout_images/flags/es.gif" alt="Spanish" title="Spanish" /></a>&nbsp;&nbsp;
<a href="?setlang=dan"><img src="layout_images/flags/dk.gif" alt="Danish" title="Danish" /></a>&nbsp;&nbsp;
<a href="?setlang=nor"><img src="layout_images/flags/no.gif" alt="Norwegian" title="Norwegian" /></a>-->


</p>
					</td>
				</tr>
			</table>
			<br />			


</div>
<div class="containertable">

<table border="0" width="100%" cellspacing="0" cellpadding="10">
<tr>
<td width="100%">




    <!-- If we are on frontpage -->
            <h2>Willkommen bei Babymärt Marktplatz</h2>
        <p class="headline">Um eine Annonce aufzugeben bitte <a href="member_login.php"><b>Login</b></a> oder <a href="register.php"><b> registrieren</b></a> Sie sich kostenlos bei uns</p>

    





<!-- PREMIUM PICTURE -->
        <table>
    <tr>
        <td>


	<table cellspacing="0" class="box">
	<tr>
		<th colspan="2">
		<div style="float:left;margin-top:4px;">Kategorien</div>

				</th>
	</tr>
	
	<tr>
	 
				<td width="50%" class="category" valign="top">
				
		<a href='index.php?catid=1'><strong> Testkategorie 1 (3)</strong></a><br />	
			
		 	    	 
	    		<a href="index.php?catid=2" title="Unterkategorie ">Unterkategorie </a> 
	    		<small class="littleGray">1</small>	    		    		</td>

		
				
									<td colspan="1"></td>
							
	 
	</tr>
	</table>
</td>
        <td><!-- latest_frontpage_premium.tpl -->
<!--  //latest_frontpage_premium.tpl --></td>
    </tr>
    </table>
    <!-- PREMIUM PICTURE -->




<!-- SHOW LIST -->
    <!-- LATEST_FRONTPAGE.TPL -->

<table cellspacing="0" class="box" style="clear:both;">
<tr>
	<th width="25%"><a href='?catid=0&amp;order=cat_name&amp;way=1' title='LA_SORT Kategorie'> Kategorie</a> </th>
	<th width="35%"><a href='?catid=0&amp;order=ad_title&amp;way=1' title='LA_SORT Titel'> Titel</a> </th>

		<th width="10%"><a href='?catid=0&amp;order=ad_date_expire&amp;way=1' title='LA_SORT g&uuml;ltig bis'> g&uuml;ltig bis</a> </th>
	<!-- <th>Vendor logo</th> -->
	<th width="20%"><a href='?catid=0&amp;order=ad_totalscore&amp;way=1' title='LA_SORT Grad'> Grad</a> </th>
	<th width="5%"><a href='?catid=0&amp;order=picture&amp;way=1'> Foto</a> </th>

	
</tr>			  

  
<tr class="">
	<td class="category">Testkategorie 1</td>
	<td class="pointer"><a href="detail.php?id=3" title="Nochmals ein Test">
	Nochmals ein Test</a></td>
		<td>2008.09.13</td>
	 <!-- <td></td> -->
	<td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td>

	<td><img src='layout_images/new/noimg.gif' align="left" border='0' alt="Gugus... aber diesmal ohne Fettschrift... danke" /></td>
</tr>
  
<tr class="alt">
	<td class="category">Unterkategorie </td>
	<td class="pointer"><a href="detail.php?id=2" title="Test Nummer 2">
	<b>Test Nummer 2</b></a></td>
		<td>2008.09.13</td>
	 <!-- <td></td> -->

	<td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td>
	<td><img src='layout_images/new/yes.gif' align="left" border='0' alt="Kredit abgezogen? " /></td>
</tr>
  
<tr class="">
	<td class="category">Testkategorie 1</td>
	<td class="pointer"><a href="detail.php?id=1" title="Testtitel">
	<b>Testtitel</b></a></td>
		<td>2008.09.13</td>

	 <!-- <td></td> -->
	<td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td>
	<td><img src='layout_images/new/yes.gif' align="left" border='0' alt="Testbeschreibung" /></td>
</tr>
 

<tr>
<td colspan="6" align="center">
	


	

</td></tr></table>
<!-- // LATEST_FRONTPAGE.TPL -->


</td></tr></table>
</div><div class="containertable">

<!-- Start Footer -->
 			<form action="search.php" method="post">
			<table cellspacing="0" class="box">
				<tr>
					<th colspan="4">Suchen</th>
				</tr>
				<tr>
					<td><input name="searchword" size="25"/>&nbsp;</td>									 
										
					<td>

					<select name="catid_search">
					<option value="0">Alle Kategorien</option><option value='1'>Testkategorie 1 (3)</option><option value='2'>&nbsp;&nbsp;&nbsp;Unterkategorie  (1)</option></select>
					</td>

					<td><input value="Suchen" name="do_search" type="submit" class="button"/></td>
					<td width="100%">&nbsp;</td>
				</tr>
			</table>

			</form>
			
			<table>
				<tr>
					<td align="center">
					<!-- Stat bar -->
					 Wir haben insgesamt 1 Benutzer und 3 Anzeigen und 8 Anzeigenbesucher					</td>
				</tr>
			</table>

			
			<table id="footer">
				<tr>
					<td align="center">
					
  <a href="javascript:openWin3('info.php?what=terms',300,500,'LA_TERMS_ALT')">Nutzungsbedingungen</a> 
- <a href="javascript:openWin3('info.php?what=aboutus',300,500,'LA_ABOUT_ALT')">&Uuml;ber Uns</a> 
- <a href="javascript:openWin3('info.php?what=advertise',300,500,'LA_ADVERTISE_ALT')">Werben mit uns</a> 
- <a href="javascript:openWin3('info.php?what=help',300,500,'LA_HELP_ALT')">Hilfe</a> 
			- <a href="rss.php" class='rss'>Annoncen RSS</a>  
	


<br /><br />

<!-- ## YOU MAY NOT REMOVE THE FOLLOWING 4 LINES WITHOUT COMMERCIAL PAID LICENSE ## -->
<!-- ## YOU MAY NOT REMOVE THE ABOVE 4 LINES WITHOUTH COMMERCIAL PAID LICENSE ## -->



				</td>
				</tr>
			</table>
			
	</div>		
			
	</div></div>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.08.2008, 20:45
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Ohne Name und Paßwort geht's nicht ?
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.08.2008, 22:54
Neuer Benutzer
neuer user
 
Registriert seit: 11.08.2008
Beiträge: 15
wotaewer befindet sich auf einem aufstrebenden Ast
Standard

Hey, wolf, wenn ich das richtig verstehe, willst du ein fluid layout mit zwei fixen boxen links und rechts. D.h. die Grösse der mittleren Box wird angepasst je nach browsergrösse...

das ist alles, vor allen Dingen browser-übergreifend nicht so einfach...

Sitze selbst gerade an einer ähnlichen Lösung und kann dir folgenden Artikel von AListApart empfehlen: A List Apart: Articles: In Search of the Holy Grail
Mit Zitat antworten
  #4 (permalink)  
Alt 19.08.2008, 02:04
Supporter
neuer user
Thread-Ersteller
 
Registriert seit: 11.02.2008
Ort: CH-8957 Spreitenbach
Beiträge: 46
wolf1985 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Scheppertreiber Beitrag anzeigen
Ohne Name und Paßwort geht's nicht ?
Login: admin
pass: intern2008
Mit Zitat antworten
  #5 (permalink)  
Alt 19.08.2008, 02:27
Supporter
neuer user
Thread-Ersteller
 
Registriert seit: 11.02.2008
Ort: CH-8957 Spreitenbach
Beiträge: 46
wolf1985 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von wotaewer Beitrag anzeigen
Hey, wolf, wenn ich das richtig verstehe, willst du ein fluid layout mit zwei fixen boxen links und rechts. D.h. die Grösse der mittleren Box wird angepasst je nach browsergrösse...

das ist alles, vor allen Dingen browser-übergreifend nicht so einfach...

Sitze selbst gerade an einer ähnlichen Lösung und kann dir folgenden Artikel von AListApart empfehlen: A List Apart: Articles: In Search of the Holy Grail
Vieloen Dank.. Hab mir das mal durchgelsen. Nur steht RECHTS auf der Linken Seite, Links auf der rechten und das wo in der mitte sein sollte ist gar nicht da...

Siehe selbst... komisch komisch
Mit Zitat antworten
  #6 (permalink)  
Alt 19.08.2008, 09:14
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Da ist noch etwas:
Code:
<link rel="StyleSheet" href=""http://www.globesolutions.ch/class/tools/dtree/dtree.css" type="text/css" />
Kann sein, daß die href wegen des doppelten Gänsefüßchens nicht erkannt wird.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
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 17:20
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22
IE zeigt gewisse Texte nicht an zitronenbaum CSS 2 16.01.2008 16:25
Testcase: float, overflow: hidden; und alte Geckos... heiko_rs CSS 0 19.11.2007 22:26
AlphaImageLoader, float, margin, h1 > Probleme im IE... o.dey CSS 2 14.08.2005 17:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:04 Uhr.