No i mam dziwny problem, a z DIVami dopiero raczkuję. Dołożyłem do strony moduł TinyMCE i DIV o nazwie "kolumna-srodkowa" obniżył mi się mniej więcej o rozmiar pola textarea na które został nałożony moduł TinyMCE. Ktoś może spotkał się z czymś takim? Proszę o pomoc.
Zdjęcie strony:
Kod strony:
[html]
<!-- TinyMCE -->
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode : "exact",
elements : "tekst_wiadomosci",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,ies
ell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,pa
te,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,temp
ate",
// Theme options
theme_advanced_buttons1 : "newdocument,print,|,cut,copy,paste,pastetext,pasteword,|,undo,redo,|,search
replace,|,cleanup,removeformat,visualaid,|,code,preview,fullscreen,help",
theme_advanced_buttons2 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyrigh
,justifyfull,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons3 : "bullist,numlist,|,outdent,indent,|,sub,sup,|,hr,advhr,charmap,|,link,unlink
|,forecolor,backcolor",
theme_advanced_buttons4 : "tablecontrols",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : false,
// Example content CSS (should be your site CSS)
//content_css : "css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "tinymce/lists/template_list.js",
external_link_list_url : "tinymce/lists/link_list.js",
external_image_list_url : "tinymce/lists/image_list.js",
media_external_list_url : "tinymce/lists/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>
<!-- /TinyMCE -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<META HTTP-EQUIV="Creation-date" CONTENT="2002.03.16">
<META HTTP-EQUIV="Reply-to" CONTENT="adres zwrotny">
<META NAME="Description" CONTENT="opis dokumentu">
<META NAME="Author" CONTENT="autor dokumentu">
<META NAME="Generator" CONTENT="Zajączek 3.0">
<TITLE>Ahe.pl - aukcje, przetargi, ogłoszenia, randki</TITLE>
<STYLE>
body{font-family:Tahoma;font-size:12px;margin:0px; background:black; color: #000000;padding:0px; text-align: center;}
BODY,input{font-family:Tahoma;font-size:12px;}
PRE{color:eeeeee;}
TR{font-size:12px;}
IMG{border-width:0px;}
form{margin:0px;}
h3{margin:0px;}
a{text-decoration:none;}
a:link{color:880000;}
a:visited{color:880000;}
a:hover{color:ff0000;text-decoration: underline;}
a:active{color:880000;}
#tlo{top:0px;left:0px;width:100%;background-color: 333333; text-align: center;}
#div-glowny {width:870px; margin: 0 auto;}
.iframe_shoutbox {position:absolute;top:0px;left:200px;width:500px;height:120px;}
.input_shoutbox {position:absolute;top:120px;left:200px; width:380px;border-width:0px;background-color:#333333;color:#999999;}
.submit_shoutbox {position:absolute;top:120px;left:586px;}
.archiwum_shoutbox {position:absolute;top:120px;left:636px;}
#kreska {position:relative;top:0px;left:0px;width:100%;height:2px;background-color:#f02900;font-size:1px;}
#naglowek {height:170px;position:relative; color: #999999; width:870px; margin: 0 auto;}
#naglowek td{color: #999999;}
.logowanie {position:absolute;right:0px;top:0px;width:150px;text-align:center;}
.input_logowanie {border-width:0px;background-color:#333333;color:#999999;}
#komunikat {min-height:25px; color: black; width:868px;
text-align: center; vertical-align: middle; background-color: #f02900; padding-top:10px;padding-bottom:10px;
border-color: 000000; border-style: solid; border-width: 1px;}
#kolumna-glowna {position:relative; width:870px; display:table;}
#kolumna-lewa { position:relative; color: #000000; width:200px; float:left; text-align:left;} #kolumna-srodkowa {top:0px;right:0px;margin:0px;padding:0px;space:0px;min-height:600px; position:relative; background: white; color: #000000; z-index:0; width:670px; float:right;}
* html #kolumna-srodkowa {top:0px;right:0px;margin:0px;padding:0px;space:0px;height:600px; position:relative; background: white; color: #000000; z-index:0; width:670px; float:right;}
#stopka {height:60px; width:870px; margin: 0 auto; color: #999999; vertical-align:middle;}
#kolumna-lewa hr{width:180px; height:1px; margin:0px;border:0.03pt #444444 solid; left:10px;}
#kolumna-lewa a{text-decoration:none;}
#kolumna-lewa a:link{color:999999;}
#kolumna-lewa a:visited{color:999999;}
#kolumna-lewa a:hover{color:ffffff;text-decoration: underline;}
#kolumna-lewa a:active{color:999999;}
.tabelka_naglowek{background-color:#dddddd;padding-top:5px;padding-bottom:5px;}
.tabelka_jasny{background-color:#ffffff;padding-top:2px;padding-bottom:2px;}
.tabelka_ciemny{background-color:#eeeeee;padding-top:2px;padding-bottom:2px;}
.tabelka_wybrany{background-color:#aaaaaa;padding-top:2px;padding-bottom:2px;}
.tabelka_usun{background-color:#f02900;padding-top:2px;padding-bottom:2px;}
.pozytywne_oceny{text-align: center; vertical-align: middle; padding:5px; background-color: #f02900;
border-color: black; border-style: solid; border-width: 1px;}
.mini{font-size:10px;}
.input_strony {padding:0px;vertical-align: middle; margin-top:-8px; border: 1px #dddddd solid; width:30px;}
.tabelka_strony {width:100%;background-color:#dddddd;padding-top:5px;padding-bottom:5px;text-align:right;}
</STYLE>
</HEAD>
<BODY>
<div id="kreska"></div><br>
<div id="naglowek">
<div class=archiwum_shoutbox></div> </div>
<div id="tlo">
<div id="div-glowny">
<div id="kolumna-glowna">
<div id="kolumna-lewa">
</div>
<div id="kolumna-srodkowa">
<div style='width:100%' class=tabelka_naglowek><font class=mini>
Treść wiadomości:<br>
<textarea id=tekst_wiadomosci style='width:100%;' rows=20 name=tekst></textarea><br>
<input type=submit value=Wyślij name=wyslij></form> </div>
</div>
</div>
</div>
<div id="stopka">© 2009 copyright by Ahe.pl<br>Created by Slew</div>
</BODY>
</HTML>