bomberpilotmp3
Erfahrenes Mitglied
Hallo,
ich habe ein kleines Problem. Ich habe mir eine Shoutbox gecodet in PHP. Das ist nicht das Problem. Ich habe ein kleines Problem mit CSS Stylecheets.
Nun habe ich eine Normale HTML Seite die das Design darstellen soll mit Dreamwaever gemacht. Nun habe ich feststellen müssen, das die Shoutbox mit Internet Explorer einwandfrei darstellt und in FireFox total verzerrt als wenn ich keinen Stylecheet difniert hätte.
Nun habe ich keine Ahnung wie ich das an FireFox anpasse, da ich weiß, das FireFox andere Cheets verwendet. Wer kann mir dabei helfen, es für Internet Explorer und FireFox optiomal einzustellen/umzustellen.
Hier mal meine Shoutbox: (Öffnet sie mal mit Internet Explorer und FireFox) http://www.niceaccess.de/shoutboxdemo/
Hier mal meine HTML Seite (Design) und meine CSS Stylecheet:
Hier meine CSS:
Ich danke alle, die mir helfen können.
ich habe ein kleines Problem. Ich habe mir eine Shoutbox gecodet in PHP. Das ist nicht das Problem. Ich habe ein kleines Problem mit CSS Stylecheets.
Nun habe ich eine Normale HTML Seite die das Design darstellen soll mit Dreamwaever gemacht. Nun habe ich feststellen müssen, das die Shoutbox mit Internet Explorer einwandfrei darstellt und in FireFox total verzerrt als wenn ich keinen Stylecheet difniert hätte.
Nun habe ich keine Ahnung wie ich das an FireFox anpasse, da ich weiß, das FireFox andere Cheets verwendet. Wer kann mir dabei helfen, es für Internet Explorer und FireFox optiomal einzustellen/umzustellen.
Hier mal meine Shoutbox: (Öffnet sie mal mit Internet Explorer und FireFox) http://www.niceaccess.de/shoutboxdemo/
Hier mal meine HTML Seite (Design) und meine CSS Stylecheet:
HTML:
<!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" />
<title>easYShoutbox Version 0.01 Beta | www.niceaccess.de</title>
<link href="templates/standard/css.css" rel="stylesheet" type="text/css" />
<!--
Scriptname: easYShoutbox Version 0.01 Beta
Name: Maik Michael Müller
Webpage: www.niceaccess.de
E-Mail: info@niceaccess.de
File: css.css
-->
<script language="javascript">
<!--
function openWindow() {
popupWin = window.open('templates/standard/options.htm', '745111580','width=200, height=500, scrollbars=auto')
}
-->
</script>
</head>
<map name="buttons" id="buttons">
<area shape="rect" coords="2,2,59,15" href="javascript:document.easYShoutbox.submit();" />
<area shape="rect" coords="66,2,134,15" href="#" onClick="openWindow();" />
<area shape="rect" coords="142,2,198,15" href="javascript:document.easYShoutbox.reset();" />
</map>
</head>
<body>
<form method="POST" name="easYShoutbox" id="easYShoutbox">
<table width="190" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="100%">
<input name="name" type="text" class="boxen" id="name" style="width:195px; background-image:url(images/box_username.png)" maxlength="25" /></td>
</tr>
<tr>
<td><input name="mail" type="text" class="boxen" id="mail" style="width:195px; background-image:url(images/box_mail.png)" maxlength="25" /></td>
</tr>
<tr>
<td><input name="message" type="text" class="boxen" id="message" style="width:195px; background-image:url(images/box_message.png)" maxlength="175" /></td>
</tr>
<tr>
<td><img src="http://www.tutorials.de/forum/images/buttons.png" width="200" height="17" border="0" usemap="#buttons" /></td>
</tr>
<tr>
<td><img src="http://www.tutorials.de/forum/images/pixel.png" width="100%" height="10" /></td>
</tr>
<tr>
<td bgcolor="#f2f2f2" class="tabellen">
<table width="100%" border="0" cellspacing="3" cellpadding="0">
<tr>
<td>
[Posting]
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="tabellen"><div align="center"><a href="http://www.niceaccess.de" target="_blank">Powered by www.niceaccess.de © 2007</a></div></td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>Hier meine CSS:
HTML:
<!-- || Bodybereich || -->
body {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; margin: auto;}
<!-- || Textareas || -->
.boxen {border: solid 1px; border-color: #CCCCCC; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: auto;}
<!-- || Tabellen der einzelnen Shouts || -->
.tabellen {border: solid 1px; border-color: #CCCCCC; margin: auto;}
<!-- || Links || -->
a:link {color: #666666;}
a:visited {color: #666666;}
a:hover {color: #666666;}
a:active {color: #666666;}
<!-- || Ende || -->Ich danke alle, die mir helfen können.
