Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.07.2012 um 11:15 (UTC)    
Titel: Hilfe, abhänig?

Auf meiner Homepage


Sieht man das #Content (Schreibfeld) auf einem weißen Hintergrund und dieser ist das #container .bd . Ich musste den #container .bd auf 2800px hoch richten, aber kann ich den #container .bd auch abhänig vom #content machen?

Wenn ich mal wenig schreibe, das der weiße Hintergrund nur bis zum geschrieben geht und nicht weiter?

http://cwl-soccer.de.tl/#
Beitrag01.07.2012 um 12:23 (UTC)    
Titel:

Ja, dass kann man.

Probier zuerst mal "height: auto;" und wenn das nicht geht, dann brauche ich eine
genauere Problembeschreibung, denn eigentlich ist der Container ja darum
geschachtelt, wenn ich das richtig verstanden habe?
Beitrag01.07.2012 um 13:52 (UTC)    
Titel:

Ich verstehe deine Frage nicht.

Aber hier, vielleicht kannst du mir ja helfen;


CSS-Code ohne Style tags

Code:
/* CSS reset 3.2.0 Copyright (c) Yahoo. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
   margin:0;
   padding:0;
}

table[height="102"] { margin: auto; }
}

fieldset,img{
   border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
   font-style:normal;
   font-weight:normal;
}

li{
   list-style:none;
}

caption,th{
   text-align:left;
}

h1,h2,h3,h4,h5,h6{
   font-size:100%;
   font-weight:normal;
}

q:before,q:after{
   content:'';
}

abbr,acronym{
   font-variant:normal;
   border:0;
}

sup{
   vertical-align:text-top;
}

sub{
   vertical-align:text-bottom;
}

input,textarea,select{
   font-size:inherit;
   font-family:inherit;
   font-weight:inherit;
}

legend{
   color:#000;
}

a img{
   border:none;
}

.clear{
   clear:both;
   height:0;
   visibility:hidden;
   width:0;
   overflow:hidden;
   display:block;
}

html{
   overflow-Y:scroll;
   margin:0 0 0 -1px;
}

body{
   width:100%;
        height: auto;
   display:table;
}

#top{
   position:relative;
   height:50px;
   width:100%;
   background-color:transparent;
   background-position:center top;
   background-repeat:repeat;
   background-image:url('http://img5.fotos-hochladen.net/uploads/topbgz3wa4l1nem.png');
}

#top .overlay{
   position:absolute;
   height:500px;
   width:1400px;
   background-color:transparent;
   margin-left:-700.0px;
   left:50%;
   background-repeat:no-repeat;
   background-image:url('http://img5.fotos-hochladen.net/uploads/topimg0m5dhqjrbt.png');
   background-position:center top;
}

#wrapper{
   width:100%;
        height:auto;
   background-color:transparent;
   background-position:center top;
   background-repeat:repeat;
   background-image:url('http://img5.fotos-hochladen.net/uploads/texturecm2vjk734t.png');
}

#wrapper .overlay{
   position:absolute;
   height:500px;
   width:1400px;
   background-color:transparent;
   margin-left:-700.0px;
   left:50%;
   background-repeat:no-repeat;
   background-image:url('http://img5.fotos-hochladen.net/uploads/wrapperbg8qlb1furax.png');
   background-position:center top;
}

#wrapper .border-top{
   position:absolute;
   height:25px;
   width:100%;
   background-color:transparent;
   background-repeat:repeat-x;
   background-image:url('http://img5.fotos-hochladen.net/uploads/wrapperbordert5go49ufqec.png');
   background-position:center top;
}

#container{
   position:relative;
   width:1150px;
   margin:0 auto;
}

#container .hd{
   height:420px;
   width:100%;
   background-color:transparent;
   margin:0 auto;
   background-image:url('http://img5.fotos-hochladen.net/uploads/containerhdheo94cv0ig.png');
   background-position:center top;
}

#container-top{
   position:relative;
   height:50px;
   width:1050px;
}

#banner{
   position:relative;
   height:300px;
   width:1050px;
   background-color:transparent;
   margin:0 auto;
   background-position:center top;
   background-image:url('--------------------');
}

#hmenu-wpr{
   height:70px;
   width:1050px;
   margin:0 auto;
}

ul#hmenu{
   list-style-type:none;
   height:70px;
   font:11px Helvetica,sans-serif;
   text-transform:uppercase;
   width:1050px;
   margin:0 auto;
   padding:0;
}

ul#hmenu li a, ul#hmenu li a:visited{
   line-height:24px;
   color:#ffffff;
}

ul#hmenu li a.toplvl, ul#hmenu li a.toplvl:visited{
   line-height:70px;
   color:#EEEEEE;
   font-weight:bold;
   padding:0 70px;
}

ul#hmenu li a.toplvl:hover, ul#hmenu li.current a.toplvl{
   color:#ffffff;
   background-color:transparent;
   background-image:url('http://img5.fotos-hochladen.net/uploads/hmenuseltaj98i0fdr.png');
   background-position:left top;
   background-repeat:repeat-x;
}

.sf-menu,.sf-menu *{
   list-style:none;
}

.sf-menu{
   line-height:1.0;
   margin-bottom:1em;
   float:left;
}

.sf-menu ul{
   position:absolute;
   width:150px;
   top:-999em;
}

#hmenu .sf-menu ul{
   height:70px;
}

.sf-menu ul li{
   width:100%;
}

.sf-menu li:hover{
   visibility:inherit;
}

.sf-menu li{
   position:relative;
   background-color:transparent;
   float:left;
}

.sf-menu a{
   position:relative;
   text-decoration:none;
   display:block;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{
   left:0;
   z-index:99;
   top:70px;
}

#hmenu .sf-menu li:hover ul,#hmenu .sf-menu li.sfHover ul{
   top:70px;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{
   top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{
   /* match ul width */top:0;
   left:150px;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{
   top:-999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{
   /* match ul width */top:0;
   left:150px;
}

.sf-menu ul li a{
   padding:.75em 1em;
}

.sf-menu li li{
   background:#404040;
}

.sf-menu li li li{
   background:#404040;
}

.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
   background:#363636;
   outline:0;
}

.sf-menu a.sf-with-ul{
   padding-right:2.25em;
   min-width:1px;
}

.sf-sub-indicator{
   position:absolute;
   text-indent:-999em;
   height:10px;
   /* IE6 only */width:10px;
   background:url('http://img5.fotos-hochladen.net/uploads/hmenuarrowsza4f1w5mpc.png') no-repeat 0px 0px;
   overflow:hidden;
   display:block;
   right:.75em;
   top:1.05em;
}

a > .sf-sub-indicator{
   top:12px;
}

a.toplvl > .sf-sub-indicator{
   /* give all except IE6 the correct values */top:32.0px;
   background-position:0 -10px;
}

a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{
   background-position:0px -100px;
}

.sf-menu ul .sf-sub-indicator{
   background-position:-10px 0;
}

.sf-menu ul a > .sf-sub-indicator{
   background-position:0 0;
}

.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{
   background-position:-10px 0;
}

.sf-shadow ul{
   -wwebkit-border-top-right-radius:17px;
   box-shadow:5px 5px 5px #CCC;
   -wwebkit-border-bottom-left-radius:17px;
   -mmoz-border-radius-topright:17px;
   -webkit-box-shadow:5px 5px 5px #CCC;
   background:url('../images/shadow.png') no-repeat bottom right;
   border:1px solid #AAA;
   ppadding:0 8px 9px 0;
   -mmoz-border-radius-bottomleft:17px;
   -moz-box-shadow:5px 5px 10px #AAA;
}

.sf-shadow ul.sf-shadow-off{
   background:transparent;
}

[color=darkred]#container .bd{
   position:relative;
   width:100%;
        height:2800px;
   background-color:transparent;
   margin:0 auto;
   background-position:center top;
   background-repeat:repeat-y;
   background-image:url('http://www.fotos-hochladen.net/uploads/containerbds7h40cgd5z.png');
}[/color]

#page{
   position:relative;
   width:1050px;
   margin:0 auto;
}

#main{
   position:relative;
   line-height:20px;
   letter-spacing:normal;
   color:#000000;
   text-transform:normal;
   font-size:13px;
   font-style:normal;
   width:610px;
   margin-left:0px;
   font-family:Helvetica, Arial, sans-serif;
   font-weight:normal;
   float:left;
}

#main .content{
   position:relative;
   margin:20px 15px;
}

#main p a:link, #main p a:visited{
   color:#1597A4;
   text-decoration:none;
}

#main p a:hover{
   color:#ffa500;
}

#main h1{
   letter-spacing:-1px;
   font-style:normal;
   background-color:transparent;
   font-weight:normal;
   padding:0px;
   color:#000000;
   text-transform:none;
   font-size:30px;
   margin:15px 0 15px 0;
   font-family:Helvetica, Arial, sans-serif;
   border:0;
   text-shadow:none;
   background-image:none;
   background-repeat:no-repeat;
}

#main h2{
   letter-spacing:-1px;
   font-style:normal;
   background-color:transparent;
   font-weight:normal;
   padding:0px;
   color:#000000;
   text-transform:none;
   font-size:18px;
   margin:10px 0 10px 0;
   font-family:Helvetica, Arial, sans-serif;
   border:0;
   text-shadow:none;
   background-image:none;
   background-repeat:no-repeat;
}

#main h3{
   letter-spacing:1px;
   font-style:normal;
   background-color:transparent;
   font-weight:bold;
   padding:0px;
   color:#000000;
   text-transform:none;
   font-size:14px;
   margin:5px 0;
   font-family:'Trebuchet MS', sans-serif;
   border:0;
   text-shadow:none;
   background-image:none;
   background-repeat:no-repeat;
}

#main .content p{
   text-align:justify;
}

#main h1:first-child{
   margin:0px 0 15px 0;
}

#sidebar{
   position:relative;
   width:220px;
   float:left;
}

#sidebar .content{
   position:relative;
   margin:0 10px;
}

#sidebar2{
   position:relative;
   width:220px;
   margin-left:0px;
   float:left;
}

#sidebar2 .content{
   position:relative;
   margin:0 10px;
}

#page a:link, #page a:visited{
   text-decoration:none;
}

#page a:hover{
   text-decoration:underline;
}

#container .ft{
   position:relative;
   height:130px;
   width:100%;
   background-color:transparent;
   margin:0 auto;
   background-position:center top;
   background-repeat:repeat-y;
   background-image:url('http://img5.fotos-hochladen.net/uploads/containerft7h5rvy21aq.png');
}

#footer{
   position:relative;
   letter-spacing:normal;
   width:1050px;
   font-style:normal;
   background-color:transparent;
   font-weight:normal;
   line-height:20px;
   height:50px;
   color:#404040;
   text-transform:normal;
   font-size:12px;
   font-family:Helvetica, Arial, sans-serif;
   margin:0 auto;
   background-image:none;
}

#footer .content{
   position:relative;
   text-align:center;
   width:100%;
   margin-top:20px;
   float:left;
}

#footer p a:link, #footer p a:visited{
   color:#ffffff;
   text-decoration:none;
}

#footer p a:hover{
   color:#ffffff;
}

#container-bottom{
   position:relative;
   height:80px;
   width:1050px;
   margin:0 auto;
}

.sidebox1{
   letter-spacing:normal;
   font-style:normal;
   background-color:transparent;
   font-weight:normal;
   padding:0px;
   line-height:20px;
   color:#000000;
   text-transform:normal;
   font-size:14px;
   font-family:Helvetica, Arial, sans-serif;
   margin:20px 0px 20px 0px;
   border:0;
   background-position:center top;
   background-repeat:no-repeat;
   background-image:none;
}

.sidebox1 p a:link, .sidebox1 p a:visited{
   color:#000000;
   text-decoration:none;
}

.sidebox1 p a:hover{
   color:#00EE00;
}

.sidebox1 h2{
   letter-spacing:1px;
   font-style:normal;
   background-color:transparent;
   margin-bottom:15px;
   font-weight:bold;
   padding:5px;
   line-height:18px;
   color:#FFFFFF;
   text-transform:none;
   font-size:14px;
   font-family:Arial, sans-serif;
   border:1px solid #1e1e1e;
   text-shadow:0 -1px #000000;
   background-image:url('http://img5.fotos-hochladen.net/uploads/sidebox1h2bgwlu7dp6rhx.png');
   background-repeat:repeat-x;
   background-position:center top;
}

.sidebox1 .vmenu ul{
   text-align:left;
   text-decoration:none;
   margin:7px 0px 8px 0px;
   list-style:none;
   border-top:1px solid #eeeeee;
   padding:0;
}

.sidebox1 .vmenu ul li{
   border-bottom:1px solid #eeeeee;
   margin:0;
   list-style:none;
   padding:6px 0 6px 5px;
}

.sidebox1 .vmenu ul li a:link, .sidebox1 .vmenu ul li a:visited{
   letter-spacing:normal;
   color:#000000;
   text-transform:normal;
   font-style:normal;
   font-size:12px;
   font-family:Helvetica, Arial, sans-serif;
   text-decoration:none;
   font-weight:normal;
}

.sidebox1 .vmenu ul li a:hover{
}

.sidebox1 p{
   text-align:justify;
}

.sidebox2{
   letter-spacing:normal;
   font-style:normal;
   background-color:transparent;
   font-weight:normal;
   padding:0px;
   line-height:20px;
   color:#000000;
   text-transform:normal;
   font-size:14px;
   font-family:Helvetica, Arial, sans-serif;
   margin:20px 0px 20px 0px;
   border:0;
   background-position:center top;
   background-repeat:no-repeat;
   background-image:none;
}

.sidebox2 p a:link, .sidebox2 p a:visited{
   color:#0000EE;
   text-decoration:none;
}

.sidebox2 p a:hover{
   color:#00EE00;
}

.sidebox2 h2{
   letter-spacing:1px;
   font-style:normal;
   background-color:transparent;
   margin-bottom:15px;
   font-weight:bold;
   padding:5px;
   line-height:18px;
   color:#FFFFFF;
   text-transform:none;
   font-size:14px;
   font-family:Arial, sans-serif;
   border:1px solid #1e1e1e;
   text-shadow:0 -1px #000000;
   background-image:url('http://img5.fotos-hochladen.net/uploads/sidebox2h2bghrj1bqgn27.png');
   background-repeat:repeat-x;
   background-position:center top;
}

.sidebox2 .vmenu ul{
   text-align:left;
   text-decoration:none;
   margin:7px 0px 8px 0px;
   list-style:none;
   border-top:1px solid #eeeeee;
   padding:0;
}

.sidebox2 .vmenu ul li{
   border-bottom:1px solid #eeeeee;
   margin:0;
   list-style:none;
   padding:6px 0 6px 5px;
}

.sidebox2 .vmenu ul li a:link, .sidebox2 .vmenu ul li a:visited{
   letter-spacing:normal;
   color:#000000;
   text-transform:normal;
   font-style:normal;
   font-size:12px;
   font-family:Helvetica, Arial, sans-serif;
   text-decoration:none;
   font-weight:normal;
}

.sidebox2 .vmenu ul li a:hover{
}

.sidebox2 p{
   text-align:justify;
}


#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
 #nav_heading{display: none;}
#nav{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

[color=darkred]#content{
position: absolute;
left: 50%;
top: -2913px;
margin-left:-300px;
width: 610px;
height: auto;
background-color:#transparent;
border: 0px solid #FFFFFFF;
overflow:auto;}[/color]


Mit auto habe ich es auch schon probiert aber es funktioniert nicht
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de