mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 28.07.2017 21:04 Benutzername: Passwort: Auto-Login

Thema: css problemchen vom 25.01.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css problemchen
Seite: 1, 2  Weiter
Autor Nachricht
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 34
Geschlecht: Männlich
Verfasst Mi 25.01.2006 15:12
Titel

css problemchen

Antworten mit Zitat Zum Seitenanfang

hallo leute,
habe mal wieder ein problem mit den versch. browsern im netz.

speziell jetzt nur mit dem IE und dem FF.

Folgendes Problem

im IE



im FF




folgende css anweisungen
Code:

#body {
   max-width: 100%;
   max_height: 100%;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   
}

.bodyhint {
   background-color: #323235;
}

.logo {
   position:absolute;
   top:15px;
   left:10px;
}

.imgobenrechts {
   position: absolute;
   top: 20px;
   right:0px;
}

.navileiste {
   position: absolute;
   top: 117px;
   left:0px;
   max-width: 100%;
   background-color: #525054;
   height: 24px;
}


und HTML
Code:

<body>

<div id="body" class="bodyhint">
   <div class="logo">
      <img src="img/logo_transparent.gif" border="0" />
   </div>
   
   <div class="imgobenrechts">
      <img src="img/gebaude_rechts.jpg" border="0" />
   </div>
   <div class="navileiste">
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr>
         <td>test</td>
         <td>test2</td>
         <td>test3</td>
      </tr>
      </table>   
   </div>
</div>

</body>
</html>


woran liegt es das im IE immer so ein balken freigelassen wird?

gruß und dank
  View user's profile Private Nachricht senden
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 34
Geschlecht: Männlich
Verfasst Mi 25.01.2006 16:37
Titel

Antworten mit Zitat Zum Seitenanfang

habe das problem lösen können.
die body anweisungen

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>

haben gefehlt.bin davon ausgegangen das diese anweisung für meinen container ausreichend sind,
nun sind wir wieder alle schlauer * huduwudu! *

grüßle aus dem badner land
  View user's profile Private Nachricht senden
Anzeige
Anzeige
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mi 25.01.2006 16:53
Titel

Antworten mit Zitat Zum Seitenanfang

der ie spackt bei position: absolute ein bißchen rum. probier mal position relative stattdessen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
D_SIGN2K

Dabei seit: 08.09.2004
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 25.01.2006 17:00
Titel

Antworten mit Zitat Zum Seitenanfang

kannst auch margin:0; schreiben oder margin:0 0 0 0;
  View user's profile Private Nachricht senden
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 34
Geschlecht: Männlich
Verfasst Di 31.01.2006 12:07
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Leute,
ich habe noch ein kleines problem beim selben objekt.

und zwar soll die seite so dynamisch erstellt werden das sich der footer und bild rechts immer mit dem fensterrand mitbewegen.wenn die auflösung z.b. erhöht wird.
erstellt ist die seite für die mindestauflösung 1024*768 pixel.
wenn man jetzt jedoch das fenster kleiner als die mind. auflösung skaliert wandert der footer immer mit und wenn die scrollbalken des brwosers erscheinen und man scrollt fließt der contentbereich unter den footer.

normaler zustand:



skalierter zustand




der code der css datei

Code:

#body {
   max-width: 100%;
   max_height: 100%;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   
}

.bodyhint {
   background-color: #000000;
}

.logo {
   position:absolute;
   top:15px;
   left:10px;
   min-width:270px;
}

.imgobenrechts {
   position: absolute;
   top: 20px;
   right:0px;
}

#navileiste {
   position: absolute;
   top: 117px;
   left:0px;
   max-width: 100%;
   height: 25px;
}


.navileiste_hint {
   background-image:url(img/hint_navi.gif);
}

.secnavi {

   position: absolute;
   top: 181px;
   left: 10px;
   width: 159px;
}

#content {
   display:block;
   overflow:auto;
   position: absolute;
   top: 181px;
   left: 214px;
   height: 360px;
   width: 450px;
}

#content_left {
   position:absolute;
   top: 181px;
   left: 664px;
   width: 300px;
}



#footer {
   position: absolute;
   bottom: 0px;
   height:25px;
   max-width: 100%;
   left: 0px;
}

.footer_hint {
   background-image: url(img/footer_hint.gif);
}


.scrollbar {
   scrollbar-3dlight-color:#E62329;
   scrollbar-darkshadow-color:#e62329;
   scrollbar-highlight-color:#525054;
   scrollbar-shadow-color:#000000;
   scrollbar-arrow-color:#cccccc;
   scrollbar-base-color:#e62329;
   scrollbar-face-color:#525054;
   scrollbar-track-color:#000000;
   
}


des HTML Dook

Code:

<style type="text/css">
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
</style>
   
</head>

<body bgcolor="#000000">

<div id="body" class="bodyhint">
   <div class="logo">
      <img src="img/logo.gif" border="0" />
   </div>
   
   <div class="imgobenrechts">
      <img src="img/gebaude_rechts.jpg" border="0" />
   </div>
   <div id="navileiste" class="navileiste_hint">
      <table border="0" cellspacing="2" cellpadding="0" width="100%">
      <!--<tr>
         <td colspan="8" height="3"></td>
      </tr>-->
      <tr>
         <td width="20">&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">HOME</a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="entwurf.htm" target="_self"><font color="#E62329">NEWS</font></a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">UNTERNEHMEN</a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">LEISTUNGEN</a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">TECHNOLOGIE</a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">WERKZEUG</a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">KONTAKT</a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">DOWNLOAD</a></td>
         <td>&nbsp;</td>
         <td valign="center" width="1"><a class="first" href="#" target="_self">LINKS</a></td>
         <td width="20">&nbsp;</td>
      </tr>
      </table>   
   </div>
   <div class="secnavi">
      <table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#525054">
      <tr>
         <td width="15" height="15" bgcolor="#525054" align="center">&nbsp;<img src="img/pfeil_clear_red.gif" border="0" /></td>
         <td bgcolor="#525054"><a class="sec" href="#" target="_self"><font color="#E62329">MESSEN</font></a></td>
      </tr>
      <tr>
         <td colspan="2" height="3" bgcolor="#000000"></td>
      </tr>
      <tr>
         <td height="15" width="15" bgcolor="#525054">&nbsp;</td>
         <td bgcolor="#525054"><a class="sec" href="#" target="_self">EVENTS</a></td>
      </tr>
      <tr>
         <td colspan="2" height="3" bgcolor="#000000"></td>
      </tr>
      <tr>
         <td height="15" width="15" bgcolor="#525054">&nbsp;</td>
         <td bgcolor="#525054"><a class="sec" href="#" target="_self">PRESSE</a></td>
      </tr>
      <tr>
         <td colspan="2" height="3" bgcolor="#000000"></td>
      </tr>
      <tr>
         <td height="15" width="15" bgcolor="#525054">&nbsp;</td>
         <td bgcolor="#525054"><a class="sec" href="#" target="_self">NEWSLETTER</a></td>
      </tr>
      <tr>
         <td colspan="2" height="3" bgcolor="#000000"></td>
      </tr>
      <tr>
         <td height="15" width="15" bgcolor="#525054">&nbsp;</td>
         <td bgcolor="#525054"><a class="sec" href="#" target="_self">NEUBAU LIVE</a></td>
      </tr>
      <tr>
         <td colspan="2" height="3" bgcolor="#000000"></td>
      </tr>
      </table>
      <img src="img/hai.jpg" border="0" />
   </div>
   <div id="content" valign="top" class="scrollbar">
   <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr>
         <td valign="top">
            <font size="4" face="arial" color="#ffffff"><b>Wir freuen uns auf Ihren Messe-Besuch</b></font><br />
            <br />
            <font face="arial" color="#ffffff" size="2">
            Die *** - Messeteilnahmen sind chronologisch aufgeführt.<br />
            Wenn Sie weitere Informationen wünschen, setzen Sie sich mit unsere Marketingabteilung in Verbindung.
            </font><br /><br />
            <font face="arial" color="#ff0000" size="2">
            (Für die demonstration des Scrollverhaltens ist der Text mehrfach publiziert)</font>
            <br /><br />
            <font face="arial" color="#ffffff" size="2">
            Die *** - Messeteilnahmen sind chronologisch aufgeführt.<br />
            Wenn Sie weitere Informationen wünschen, setzen Sie sich mit unsere Marketingabteilung in Verbindung.
            <br /><br />
            Die *** - Messeteilnahmen sind chronologisch aufgeführt.<br />
            Wenn Sie weitere Informationen wünschen, setzen Sie sich mit unsere Marketingabteilung in Verbindung.
            <br /><br />
            </font>         
         </td>
      </tr>
      
      <tr>
         <td>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tr>
               <td valign="top"><img src="img/hannover_logo.gif" border="0" /></td>
               <td width="15">&nbsp;</td>
               <td valign="top">
                  <font face="arial" color="#ffffff" size="2">
                  24.04. - 28.04.2006<br />
                  Industrie - Messe<br />
                  D - Hannover
                  </font>
               </td>
            </tr>
            <tr>
               <td colspan="3" height="30">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top"><img src="img/swiss_logo.gif" border="0" /></td>
               <td width="15">&nbsp;</td>
               <td valign="top">
                  <font face="arial" color="#ffffff" size="2">
                  14.11. - 17.11.2006<br />
                  Swisstech<br />
                  CH - Basel
                  </font>
               </td>
            </tr>
            </table>
         </td>
      </tr>
   </table>
   </div>
   <div id="content_left">
   <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
      <tr>
         <td width="30">&nbsp;</td>
         <td align="left"><img src="img/messestand.jpg" border="0" /></td>
      </tr>
   </table>   
   </div>
   
   <div id="footer" class="footer_hint">
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr>
         <td colspan="2" height="3"></td>
      </tr>
      <tr>
         <td width="10">&nbsp;</td>
         <td align="left"><font face="arial" size="1" color="#ffffff">© 2006 HAKAMA</font></td>
         <td align="right"><font face="arial" size="1" color="#ffffff"><a href="#" target="_self" class="small">SITEMAP</a>&nbsp; <a href="#" target="_self" class="small">IMPRESSUM / AGB</a></font></td>
         <td width="10">&nbsp;</td>
      </tr>
      </table>
   </div>
</div>

</body>
</html>


Zuletzt bearbeitet von Kash am Di 31.01.2006 12:08, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 34
Geschlecht: Männlich
Verfasst Di 31.01.2006 12:41
Titel

Antworten mit Zitat Zum Seitenanfang

habe die funktion des scrollens des browser jetzt deaktiviert.
somit kann es nicht mehr zu dem optischen problem kommen.

wenn mir jemand dennoch eine andere lösung vorschlagen kann, wäre das super.


grüßle
  View user's profile Private Nachricht senden
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 34
Geschlecht: Männlich
Verfasst Di 31.01.2006 14:09
Titel

Antworten mit Zitat Zum Seitenanfang

bräuchte wirklich dringend eine andere lösung.

kann mir hier den wirklich keiner weiterhelfen?
  View user's profile Private Nachricht senden
mtk

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 31
Geschlecht: Männlich
Verfasst Di 31.01.2006 14:46
Titel

Antworten mit Zitat Zum Seitenanfang

ich hab ein ähnliches problem, <-- Schuld!

wart ma!
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS / HTML Problemchen
css-problemchen mit InternetExplorer und Firefox
2 flash mx problemchen
JavaScript Problemchen im IE
attachmovie problemchen
php // flash problemchen
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.