mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 25.09.2022 06:19 Benutzername: Passwort: Auto-Login

Thema: CSS & DIV Problem vom 21.11.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS & DIV Problem
Seite: 1, 2  Weiter
Autor Nachricht
cr4nky
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 21.11.2007 16:45
Titel

CSS & DIV Problem

Antworten mit Zitat Zum Seitenanfang

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 &amp; Impressum</a>
</div>

<div id="fire_bottom">
</div>

</div>
</body>
</html>
  View user's profile Private Nachricht senden
Synoxis

Dabei seit: 07.09.2005
Ort: Roßdorf
Alter: 34
Geschlecht: Männlich
Verfasst Mi 21.11.2007 18:14
Titel

Antworten mit Zitat Zum Seitenanfang

margin-bottom dürfte dir helfen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 57
Geschlecht: Männlich
Verfasst Mi 21.11.2007 18:16
Titel

Antworten mit Zitat Zum Seitenanfang

tust
Code:
position:absolute;

mal weg - wenn ich dein prob richtig versteh' (du willst, das dein footer nach unten verrutscht)
  View user's profile Private Nachricht senden
cr4nky
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 21.11.2007 18:41
Titel

Antworten mit Zitat Zum Seitenanfang

digitalplakat hat geschrieben:
tust
Code:
position:absolute;

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!
  View user's profile Private Nachricht senden
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 57
Geschlecht: Männlich
Verfasst Mi 21.11.2007 18:52
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
cr4nky
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 21.11.2007 19:19
Titel

Antworten mit Zitat Zum Seitenanfang

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 * Ja, ja, ja... *

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?
  View user's profile Private Nachricht senden
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 57
Geschlecht: Männlich
Verfasst Mi 21.11.2007 19:36
Titel

Antworten mit Zitat Zum Seitenanfang

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)
  View user's profile Private Nachricht senden
cr4nky
Threadersteller

Dabei seit: 11.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 21.11.2007 20:32
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS Div Problem
[css] Problem mit div Höhe
DIV-Problem bei Druckansicht mit CSS
[CSS] Div-Problem einer Anfängerin
[CSS] Div mit Tabellen Problem
[CSS] Div-Größen Problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.