Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
cr4nky
Threadersteller
Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 21.11.2007 15:45
Titel CSS & DIV Problem |
|
|
Hallo,
ich habe ein Problem mit einem DIV. Und zwar soll der Copyright-DIV immer am untersten Rand der Webseite zu sehen sein, das funktioniert bisher ganz gut aber wenn dann ein anderer DIV über diesen DIV ragt, dann überschneiden sie sich, ich möchte aber nicht, dass Bilder und Texte einfach über den Copyright DIV hinausgehen! Was muss ich bei den jeweiligen DIVs einstellen?
Quellcode ist angehängt bzw. live seht ihr es hier : http://www.about-blank-band.de
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>about:blank - Die Band</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body,td,th {
font-family: Helvetica, Verdana;
font-size: 12px;
color: #FFFFFF;
}
body {
background-color: #000000;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: url(../background.png);
}
a:link {
color: #FF6600;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF6600;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
#header_logo {
width:100%;
height:300px;
}
#main_text {
width:800px;
top: 316px;
text-align:left;
}
#footer_copy {
position:absolute;
bottom: 10px;
width: 100%;
left: 0px;
}
#head_links {
width:100%;
position:absolute;
top: 149px;
}
#fire_bottom {
background-image:url(../fire2.png);
background-repeat:repeat-x;
background-position:bottom;
height: 170px;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body onload="MM_preloadImages('../home_on.png','../news_on.png','../dates_on.png','../photos_on.png','../about_us_on.png','../guestbook_on.png','../merch_on.png')">
<div id="header_logo">
<div align="center"><img src="../logo.png" width="355" height="255" />
</div>
</div>
<div id="head_links">
<div align="center"><a href="../index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','../home_on.png',1)"><img src="../home.png" alt="Home" name="Home" width="99" height="110" border="0" id="Home" /></a><a href="../news.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News','','../news_on.png',1)"><img src="../news.png" alt="News" name="News" width="85" height="115" border="0" id="News" /></a><a href="../dates.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Dates','','../dates_on.png',1)"><img src="../dates.png" alt="Dates" name="Dates" width="100" height="135" border="0" id="Dates" /></a><a href="../about-us.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','../about_us_on.png',1)"><img src="../about_us.png" alt="About Us" name="About Us" width="140" height="145" border="0" id="About Us" /></a><a href="../photos.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Photos','','../photos_on.png',1)"><img src="../photos.png" alt="Photos" name="Photos" width="115" height="115" border="0" id="Photos" /></a><a href="../guestbook.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Guestbook','','../guestbook_on.png',1)"><img src="../guestbook.png" alt="Guestbook" name="Guestbook" width="160" height="130" border="0" id="Guestbook" /></a><a href="http://aboutblankband.shirtcity.com" target="_blank" onmouseover="MM_swapImage('Merch','','../merch_on.png',1)" onmouseout="MM_swapImgRestore()"><img src="../merch.png" alt="Merch" name="Merch" width="115" height="150" border="0" id="Merch" /></a>
</div>
</div>
<div align="center">
<div id="main_text">
<!-- TemplateBeginEditable name="Text" --><!-- TemplateEndEditable -->
</div>
<div align="center" id="footer_copy"><img src="../copyright.png" alt="Copyright" width="250" height="30" /><br />
<a href="../kontakt-impressum.php">Kontakt & Impressum</a>
</div>
<div id="fire_bottom">
</div>
</div>
</body>
</html>
|
|
|
|
|
|
Synoxis
Dabei seit: 07.09.2005
Ort: Roßdorf
Alter: 35
Geschlecht:
|
Verfasst Mi 21.11.2007 17:14
Titel
|
|
|
margin-bottom dürfte dir helfen.
|
|
|
|
|
Anzeige
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mi 21.11.2007 17:16
Titel
|
|
|
tust
mal weg - wenn ich dein prob richtig versteh' (du willst, das dein footer nach unten verrutscht)
|
|
|
|
|
cr4nky
Threadersteller
Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 21.11.2007 17:41
Titel
|
|
|
digitalplakat hat geschrieben: | tust
mal weg - wenn ich dein prob richtig versteh' (du willst, das dein footer nach unten verrutscht) |
Okay das ist nicht schlecht, jedoch sollte dieser Copyright DIV immer unten sein und ohne die absolute position rutscht er auch nach oben! Habe mir schon überlegt ob es vielleicht etwas bringt das ganze relativ zu machen... aber funktioniert auch nicht so...
Das mit dem Margin muss ich mir mal anschauen!
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mi 21.11.2007 17:52
Titel
|
|
|
cr4nky hat geschrieben: | ohne die absolute position rutscht er auch nach oben!... |
hast schon mal dein browser-fenster größer/kleiner gezogen und geschaut was dann passiert? - dann landet dein footer irgendwo oben
siehe
|
|
|
|
|
cr4nky
Threadersteller
Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 21.11.2007 18:19
Titel
|
|
|
digitalplakat hat geschrieben: | cr4nky hat geschrieben: | ohne die absolute position rutscht er auch nach oben!... |
hast schon mal dein browser-fenster größer/kleiner gezogen und geschaut was dann passiert? - dann landet dein footer irgendwo oben
siehe
|
Genau deswegen schreib ich ja hier
Das Problem ist einfach, dass der komplette FOOTER immer unten sein soll! Und zwar bei Seiten mit wenig Content eher absolut und bei volleren Seiten mit Scrollbalken eben eher relativ, aber wie bewerkstelligt man das?
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mi 21.11.2007 18:36
Titel
|
|
|
mag ein blöder zugang sein - der code, den du gepostet hast, ist anders als der quellcode deines links - dort hast bei deinem main_text und beim footer_copy noch n z-index drin - nimmst den auch mal raus? (so rutscht dir der eine immer über/unter den anderen und verdrängt ihn ned)
|
|
|
|
|
cr4nky
Threadersteller
Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 21.11.2007 19:32
Titel
|
|
|
digitalplakat hat geschrieben: | mag ein blöder zugang sein - der code, den du gepostet hast, ist anders als der quellcode deines links - dort hast bei deinem main_text und beim footer_copy noch n z-index drin - nimmst den auch mal raus? (so rutscht dir der eine immer über/unter den anderen und verdrängt ihn ned) |
Hab ich gerade probiert, nützt leider auch nix!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Formmailer-Problem-neues problem
xtc-Problem
Problem in IE
Problem mit IE
IE und PNG Problem
JS DIV-Problem
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|