Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.08.2008 um 17:33 (UTC)    
Titel: [erledigt] Problem mit Design CSS [erledigt]

Ich habe das Design CSS und muss sagen das ich nicht so erfahren bin, bitte helft mir.

Es ist plötzlich ein ca. 200 px großer Spalt zwischen Header und und dem Hauptteil (content). Hier mal Die angaben aus den Einstellungen vom Design:

Text über Design
Code:
<div id="Testdesign">
<div id="meinheader"  />


Text unter design
Code:
<div id="counter" />
<div id="unten" />
</div>


Css Code ohne style Tags
Code:
* { padding: 0; margin: 0; }
#Testdesign{
margin: 0 auto;
width: 1000px;
position: center;}


#sidebar_container
{
visibillity: hidden;
}

#meinheader {
width: 1000px;
height: 152px;
border: 0px solid #80807F;
background-image: url(http://img.webme.com/pic/s/simon-dibbern/unbenantheader.jpg);
}


#content {
color: #333333;
border: 0px solid #80807F;
width: 760px;
height:auto;
float: left;
padding-left: 98px;
padding-right: 142px;
padding-top:5px;
background-image: url(http://img.webme.com/pic/s/simon-dibbern/unbefuxkrest.jpg);
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
}


#nav_container {
visibility:hidden;
}



li.nav_element a{
visibility:hidden;
}

#unten
{
height: 47px;
background-image:url(http://img.webme.com/pic/s/simon-dibbern/unbeanntfoot.jpg);}

#counter{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
background-image:url(http://img.webme.com/pic/s/simon-dibbern/unbefuxkrest.jpg);
width:1000 px;
height: 12px;
}

body {background-color:#010101;}


a{color:#00000; font-size: 14px; text-decoration: none;}
a:hover {color: #00000; font-size: 14px; text-decoration: none;}
a:link {color: #00000; font-size: 14px; text-decoration: none;}
a:active {color: #00000; font-size: 14px; text-decoration: none;}
a:visited {color: #000080; font-size: 14px; text-decoration: none;}




h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: disc;}



Hilfe...
______________


Zuletzt bearbeitet von simon-dibbern am 18.08.2008, 08:56, insgesamt 7-mal bearbeitet
Beitrag07.08.2008 um 17:45 (UTC)    
Titel:

da musst du den code nehmen



* { padding: 0; margin: 0; }
#Testdesign{
margin: 0 auto;
width: 1000px;
position: center;}


#sidebar_container
{
visibillity: hidden;
}

#meinheader {
width: 1000px;
height: 152px;
border: 0px solid #80807F;
background-image: url(http://img.webme.com/pic/s/simon-dibbern/unbenantheader.jpg);
}


#content {
color: #333333;
border: 0px solid #80807F;
width: 7px;
height:auto;
float: left;
padding-left: 98px;
padding-right: 142px;
padding-top:5px;
background-image: url(http://img.webme.com/pic/s/simon-dibbern/unbefuxkrest.jpg);
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
}


#nav_container {
visibility:hidden;
}



li.nav_element a{
visibility:hidden;
}

#unten
{
height: 47px;
background-image:url(http://img.webme.com/pic/s/simon-dibbern/unbeanntfoot.jpg);}

#counter{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
background-image:url(http://img.webme.com/pic/s/simon-dibbern/unbefuxkrest.jpg);
width:1000 px;
height: 12px;
}

body {background-color:#010101;}


a{color:#00000; font-size: 14px; text-decoration: none;}
a:hover {color: #00000; font-size: 14px; text-decoration: none;}
a:link {color: #00000; font-size: 14px; text-decoration: none;}
a:active {color: #00000; font-size: 14px; text-decoration: none;}
a:visited {color: #000080; font-size: 14px; text-decoration: none;}




h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: disc;}

der müsste gehen falls nich schreib noch mal
______________

Beitrag08.08.2008 um 16:44 (UTC)    
Titel:

Ne, jetzt liegt das Design total in Fetzen, der Hauptteil ist nur gut 100px breit, und der Abstand bleibt. Zudem ist mir aufgefallen dass im IE der Header, der Hintergrund vom Counter und der "Footer" (unten) angezeigt werden, im FF nicht. Gestern war das aber nicht so und ich habe in der zwischenzeit keinen Finger an der HP gerührt. Ist es möglich das dieses Problem einen Zusammenhang mit dem zurzeit gestörten Bildupload vom HPBK hat?
______________


Zuletzt bearbeitet von simon-dibbern am 12.08.2008, 17:23, insgesamt 2-mal bearbeitet
Beitrag08.08.2008 um 19:01 (UTC)    
Titel:

Ändere mal folgende Dinge:

Zitat:
#content {
color: #333333;
margin-top:175px;
border: 0px solid #80807F;
width: 760px;
height:auto;
float: left;
padding-left: 98px;
padding-right: 142px;
padding-top:5px;
background-image: url(http://img.webme.com/pic/s/simon-dibbern/unbefuxkrest.jpg);
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
}


#nav_container {
display:none;
}

______________
Macht mit und teilt Eure Ideen mit anderen Besuchern:

Beitrag09.08.2008 um 09:19 (UTC)    
Titel:

Danke Very Happy
Ich wusste nicht, dass da ein unterschied zwischen
Display:none
und
visibility:hidden
ist.


Aber ein Problem bleit immer noch. Im FF ist das Design ein einziger unsortierter Haufen aus Grafiken. Warum liegt der "footer" (#unten) an stelle des Headers, der wiederum fehlt. Question
______________


Zuletzt bearbeitet von simon-dibbern am 12.08.2008, 17:23, insgesamt 2-mal bearbeitet
Beitrag09.08.2008 um 18:45 (UTC)    
Titel:

Änder das mal wie folgt:

Zitat:
#unten
{
clear:both;
height: 47px;
background-image:url(http://img.webme.com/pic/s/simon-dibbern/unbeanntfoot.jpg);}


Der Unterschied zwischen visibility:hidden und display:none ist folgender:

visibility:hidden = Unsichtbar, aber der Platz wird freigehalten
display:none = wirklich weg

Wink
______________
Macht mit und teilt Eure Ideen mit anderen Besuchern:

Beitrag10.08.2008 um 13:46 (UTC)    
Titel:

Danke, jetzt ist alles an ort und stelle.
Dafür ist jetzt ein ca. 20 px breiter streifen mit dem Hintergrundbild von "content" und vom "counter" über dem Header. Aber der auch nur im FF. Hat jemand eine erklärung darfür?

______________


Zuletzt bearbeitet von simon-dibbern am 12.08.2008, 17:23, insgesamt 2-mal bearbeitet
Beitrag10.08.2008 um 17:48 (UTC)    
Titel:

Stört noch ein wenig der Counter, der gehört ja auch nach unten Wink

Zitat:
#counter{clear:both;}

______________
Macht mit und teilt Eure Ideen mit anderen Besuchern:

Beitrag11.08.2008 um 15:10 (UTC)    
Titel: Danke

Danke, funkt jetzt prima. Very Happy
Hab schon wieder etwas gelernt.

______________


Zuletzt bearbeitet von simon-dibbern am 12.08.2008, 17:24, insgesamt einmal bearbeitet
Beitrag11.08.2008 um 17:37 (UTC)    
Titel:

auch wen ich dir net helfen konte.weiter hin viel glück mir hpbk


mfg sven

www.CPSV-Judo.de.tl
______________

Beiträge der letzten Zeit anzeigen:   


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