Autor |
Nachricht |
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 25.01.2006 14:12
Titel css problemchen |
|
|
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
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 25.01.2006 15:37
Titel
|
|
|
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
grüßle aus dem badner land
|
|
|
|
|
Anzeige
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 25.01.2006 15:53
Titel
|
|
|
der ie spackt bei position: absolute ein bißchen rum. probier mal position relative stattdessen
|
|
|
|
|
D_SIGN2K
Dabei seit: 08.09.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 25.01.2006 16:00
Titel
|
|
|
kannst auch margin:0; schreiben oder margin:0 0 0 0;
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 31.01.2006 11:07
Titel
|
|
|
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"> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">HOME</a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="entwurf.htm" target="_self"><font color="#E62329">NEWS</font></a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">UNTERNEHMEN</a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">LEISTUNGEN</a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">TECHNOLOGIE</a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">WERKZEUG</a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">KONTAKT</a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">DOWNLOAD</a></td>
<td> </td>
<td valign="center" width="1"><a class="first" href="#" target="_self">LINKS</a></td>
<td width="20"> </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"> <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"> </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"> </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"> </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"> </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"> </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"> </td>
</tr>
<tr>
<td valign="top"><img src="img/swiss_logo.gif" border="0" /></td>
<td width="15"> </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"> </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"> </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> <a href="#" target="_self" class="small">IMPRESSUM / AGB</a></font></td>
<td width="10"> </td>
</tr>
</table>
</div>
</div>
</body>
</html>
|
Zuletzt bearbeitet von Kash am Di 31.01.2006 11:08, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 31.01.2006 11:41
Titel
|
|
|
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
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 31.01.2006 13:09
Titel
|
|
|
bräuchte wirklich dringend eine andere lösung.
kann mir hier den wirklich keiner weiterhelfen?
|
|
|
|
|
mtk
Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 37
Geschlecht:
|
Verfasst Di 31.01.2006 13:46
Titel
|
|
|
ich hab ein ähnliches problem,
wart ma!
|
|
|
|
|
|
|
|
Ähnliche Themen |
attachmovie problemchen
CSS / HTML Problemchen
php // flash problemchen
JavaScript Problemchen im IE
2 flash mx problemchen
JQuery Slideshow Problemchen
|
|