Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.02.2011 um 09:32 (UTC)    
Titel: Probleme mit CSS-Code

Hallo @all mit CSS Kenntnissen,

ich habe bei mir gleich zwei Probleme, das Gästebuch hängt irgendwo völlig verquer in der Gegend rum und das zweite Problem, das die Ansicht geteilt ist, also der Footer mitten in der Designansicht hängen bleibt.

Finde einfach keinen Fehler und poste hier mal meine Einstellungen:

Bei "TEXT UNTER DEM DESIGN"
Zitat:

<Body style="cursor: default">

<body onLoad="setCoordinates();">


<script type="text/javascript">


// Variablen zum Setzen der Seitenelemente

NavHeight = document.getElementById("nav_container").offsetHeight + 410;
ContHeight = document.getElementById("content").offsetHeight;
BoxHeight = document.getElementById("sidebar_container").offsetHeight;
leftHeight = document.getElementById("nav_container").offsetHeight + document.getElementById("below_content").offsetHeight;


// Funktion, die Elemente setzt

function setCoordinates()
{
if ((ContHeight >= BoxHeight) && (ContHeight >= leftHeight))
{
document.getElementById('footer').style.top = ContHeight + 345 + 200 + "px";
document.getElementById('background').style.height = ContHeight + 200 + "px";
document.getElementById('below_content').style.top = NavHeight + "px";
document.getElementById('counter').style.top = ContHeight + 415 + 200 + "px";
}
else if ((BoxHeight >= ContHeight) && (BoxHeight >= leftHeight))
{
document.getElementById('footer').style.top = BoxHeight + 350 + 200 + "px";
document.getElementById('background').style.height = BoxHeight + 10 + 200 + "px";
document.getElementById('below_content').style.top = NavHeight + "px";
document.getElementById('counter').style.top = BoxHeight + 420 + 200 + "px";
}
else if ((leftHeight >= ContHeight) && (leftHeight >= BoxHeight))
{
document.getElementById('footer').style.top = leftHeight + 401 + 200 + "px";
document.getElementById('background').style.height = leftHeight + 60 + 200 + "px";
document.getElementById('below_content').style.top = NavHeight + "px";
document.getElementById('counter').style.top = leftHeight + 70 + 200 + "px";
}
else
{
alert ("interner Fehler - Seite mit F5 neu laden");
}
}

</script>


<div id="Header_animiert"></div>

<div id="background"></div>

<div id="footer"></div>



und bei "CSS OHNE STYLETAGS" das hier:
Zitat:

</style>
<center>
<style type="text/css">

/* Voreinstellungen - nicht ändern! */

td[height="102"]
{
position:absolute;
left:50%;
margin-left:-375px;
}

*{margin:0px; padding:0px; }

img
{
border: none;
}


/* Basisformatierung */

p, a
{
font-family: Times New Roman, Arial;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}


/* Hintergrund der kompletten Seite */
/* Im IE wird die Scrollbar mit eingefärbt */

body
{
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/s/schulzeit-in-leipzig/design-hg.jpg);
background-repeat: repeat;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #006600;
scrollbar-face-color: #006600;
scrollbar-highlight-color: #008800;
scrollbar-shadow-color: #003300;
scrollbar-3dlight-color: #005500;
scrollbar-darkshadow-color: #002200;
}


/* Hintergrund des Designs */

#background
{
z-index: -1;
position:absolute;
top: 360px;
left: 50%;
margin-left: -589px;
width: 1180px;
height: 100%;
background-image:url(http://img.webme.com/pic/s/schulzeit-in-leipzig/design-content.png);
background-color: transparent;
background-repeat: repeat-y;
background-position: center;
}


/* Header */

#header_container
{
z-index: 1;
position:absolute;
top: 130px;
left: 50%;
margin-left: -589px;
width: 1180px;
height: 230px;
background-image: url(http://img.webme.com/pic/s/schulzeit-in-leipzig/design-header.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
}


/* Titel im Header wird entfernt*/

h1#header
{
display: none;
}


/* Animation im Header */
/* Damit die Animation nur auf der Startseite abläuft, wird diese Klasse auf den anderen Seiten wieder entfernt */

#Header_animiert
{
z-index: 2;
position: absolute;
left: 50%;
top: 207px;
margin-left:-225px;
width: 630px;
height: 90px;
border: none;
background-color: transparent;
background-repeat:no-repeat;
background-image: url(http://img.webme.com/pic/s/schulzeit-in-leipzig/header_animiert_1.gif);
}



/* Inhalt des Textfeldes */

#content
{
z-index: 1;
position: absolute;
top: 370px;
left: 50%;
margin-left: -255px;
width: 500px;
line-height: 20px;
font-family: Times New Roman, Arial;
color: #FFFFFF;
padding-right: 15px;
overflow: auto;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}


/* Titel einer Seite */

h2#title
{
font-family: Times New Roman, Arial;
font-size: 20px;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
text-align: left;
padding-bottom: 15px;
padding-left: 30px;
}


/* Navigation */

#nav_container
{
position: absolute;
top: 370px;
left: 50%;
margin-left: -490px;
width: 200px;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: left;
}


ul#nav
{
list-style-type: none;
display: inline;
}


/* Hintergrund Buttons */

li.nav_element
{
float: top;
width: 210px;
height: 30px;
text-align: left;
padding-top: 5px;
background-color: transparent;
background-image: url(http://img.webme.com/pic/s/schulzeit-in-leipzig/navi_button.png);
background-repeat: no-repeat;
background-position: left;
}


/* Link in Navigation */

li.nav_element a
{
font-family: Times New Roman, Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #FFEA00;
padding-left: 15px;
}

li.nav_element:hover
{
width: 210px;
margin-left: 10px;
background-image: url(http://img.webme.com/pic/s/schulzeit-in-leipzig/button_hov.png);
background-position: left;
}

/* Navi-aktive Seite */
li.checked_menu {
width: 210px;
margin-left: 10px;
background-image: url(http://img.webme.com/pic/s/schulzeit-in-leipzig/button_hov.png);
background-position: left;
}


/* Feld unter Navigation */

#below_content
{
position: absolute;
top: 1005px;
left: 50%;
margin-left: -490px;
width: 200px;
font-family: Times New Roman, Arial;
font-size: 14px;
color: #FFFFFF;
text-align: left;
text-decoration: none;
font-weight: normal;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-position: center;
}


/* rechte Box */

#sidebar_container
{
position: absolute;
top: 355px;
left: 50%;
margin-left: 290px;
width: 200px;
font-family: Times New Roman, Arial;
font-size: 12px;
color: #FFFFFF;
text-align: left;
text-decoration: none;
font-weight: normal;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: center;
}


/* Titel der rechten Box */

#sidebar_heading
{
margin-bottom: 15px;
text-align: center;
color: #FFFFFF;
font-family: Times New Roman, Arial;
font-size: 14px;
font-weight: bold;
}


/* Footer */

#footer
{
position:absolute;
top: 100%;
left: 50%;
margin-left: -589px;
width: 1180px;
height: 150px;
background-image:url(http://img.webme.com/pic/s/schulzeit-in-leipzig/design-footer.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
}


/* Counter wird nur angezeigt, wenn er als Extra freigeschaltet ist*/

#counter
{
z-index: 2;
position: absolute;
top: 100%;
left: 50%;
margin-left: -125px;
width: 250px;
height: 30px;
font-family: Arial;
font-size: 10px;
color: #000000;
text-align: center;
text-decoration: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: center;
}


/* nicht benötigte Klassen entfernt */

#pre_content,
#pre_header,
#post_header,
#post_content,
#extraDiv2,
#extraDiv3,
#extraDiv4,
#extraDiv5,
#extraDiv6,
#nav_heading
{
display:none;
}


FINDET JEMAND DAS DESASTER Question Rolling Eyes

oder könnte man mir das bitte neu machen *heul* Sad

die Fehler sind während des Servercrash hier aufgetreten, obwohl meine HP hier nie betroffen war - könnte es was damit zutun haben Question
______________
MfG aus der Schule

Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit,
wobei ich mir beim Universum nicht ganz sicher bin. (Albert Einstein)


Zuletzt bearbeitet von schulzeit-in-leipzig am 22.02.2011, 11:14, insgesamt 4-mal bearbeitet
Beitrag23.02.2011 um 15:22 (UTC)    
Titel:

~ P U S H ~

bitte nochmals um Hilfe
______________
MfG aus der Schule

Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit,
wobei ich mir beim Universum nicht ganz sicher bin. (Albert Einstein)
Beiträge der letzten Zeit anzeigen:   


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