zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Footer left und right Probleme...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.08.2008, 01:09
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 Footer left und right Probleme...

Hallo Zusammen

Hatte vorhin ne Frage gestellt wegen Float und so... Hat sich jetzt aber erledigt.

Wie kriege ich es aber nun hin, dass die zwei Spalten links und rechts an den Textfluss in der mitte, also an das Container angebunden werden und alles schön zentriert ist mit einer vordefnierten breite im content ?? Seite : www.globesolutions.ch/class

PS: Die Darstellung in der Mitte sollte sich je nach Bildschirmauflösung ab 1024x768 automatisch anpassen zwischen den Tabellen, wobei alles zusammen im content zentriert sein sollte.

Grüsse Wolf.

CSS:
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;
    
width668px;
    
background#fff;
    
padding0;
}



.
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;
}
#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;
 
width165px;
 
floatleft;
}
#content {
 
color#333;
 
bordernone/*1px solid #ccc;*/
 
background#fff; /*#CCC8B3*/
 
margin0px 5px 5px 0px;
 
padding10px;
 
heightauto/*350px*/
 
widthauto;
 
clearboth;
}

.
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;
 
floatright;
}


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

die betreffende HTML Datei lautet wie folgt:
Code:
...

	<body>


{if !$smarty.get.print}


<div id="content">
<div id="leftcolumn">
LINKS MENU
</div>
<div id="rightcolumn">
RECHTES MENU
</div>
<div id="container">
...... INHALT DES Scripts PHP Classified ....
....
</div>
</div>
....

Geändert von wolf1985 (14.08.2008 um 01:25 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.08.2008, 08:10
Benutzerbild von dottore:skin
~27
XHTMLforum-Mitglied
 
Registriert seit: 23.02.2005
Beiträge: 233
dottore:skin befindet sich auf einem aufstrebenden Ast
Standard

seite ist per passwort gesperrt...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.08.2008, 13: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 dottore:skin Beitrag anzeigen
seite ist per passwort gesperrt...
Ja sorry, das habe ich gemacht, damit unser Kunde nicht spionieren kann da er sich ja selbst überraschen möchte.

Der Login lautet: admin
Das passwort :intern2008


Gruss
Wolf
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
div-höhe? - Hauptcontainer über ganze Seite will nicht... AndMei CSS 5 13.12.2010 14:43
Probleme mit dem IE (7) - Navigation wunderkind CSS 0 21.04.2010 18:06
Problem mit overflow, Navigation verschoben... buemplizer CSS 9 09.09.2009 09:43
Layoutcheck + Including crimi Site- und Layoutcheck 8 27.09.2008 21:08
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 14:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:12 Uhr.